EIFER Logo

Corporate Identity Guide

🌙 Dark Mode

🎨 Primary Colors

Official EIFER brand colors with specifications for print and digital use.

Research Area Colors

🌙 Dark Mode Palette

Adjusted colors for dark interfaces with WCAG AA compliant contrast ratios.

Background Colors

Brand Colors (Dark Mode Adjusted)

🏷️ Logo Assets

Official EIFER logos in multiple formats for web, print, and office use.

Usage Guidelines

  • Light backgrounds: Use the standard color logo (green icon, blue text)
  • Dark backgrounds: Use the white logo variant
  • Print: Use EPS or PDF vector formats for best quality
  • Minimum size: 20mm width for print, 100px for digital
  • Clear space: Maintain padding equal to the height of the "E" in EIFER

📄 Document Templates

Official templates for corporate documents. Click to download.

🚀 Developer Quickstart

Copy-paste examples for developers who prefer the command line. No AI required!

Get Brand Colors (JSON)

# Get all colors as JSON
curl -s http://localhost:8081/api/v1/brand/colors | jq

# Get only primary colors
curl -s http://localhost:8081/api/v1/brand/colors/primary | jq

# Extract hex value for EIFER Green
curl -s http://localhost:8081/api/v1/brand/colors/primary | jq -r '.eifer_green.hex'
# Output: #9cc118

Download Logo (wget/curl)

# Download color logo (PNG, 500px)
wget http://localhost:8081/static/assets/logos/eifer/web/eifer_logo_4c_original_mit_text_500px.png

# Download white logo for dark backgrounds
curl -O http://localhost:8081/static/assets/logos/eifer/web/eifer_logo_1c_weiss_500px.png

# Download vector logo (EPS)
wget http://localhost:8081/api/v1/logos/eifer/print/eps/eifer_logo_4c_original.eps

# List all available logos
curl -s http://localhost:8081/api/v1/logos | jq '.variants[].id'

Download Templates

# List all template categories
curl -s http://localhost:8081/api/v1/templates | jq '.categories[].id'

# List files in a category
curl -s http://localhost:8081/api/v1/templates/powerpoint | jq

# Download PowerPoint template
wget "http://localhost:8081/api/v1/templates/powerpoint/download?file=PowerPoint_Presentation_Template.potx"

Shell Script Example

#!/bin/bash
# download-ci-assets.sh

BASE="http://localhost:8081"

# Create directories
mkdir -p ci-assets/{logos,templates}

# Download logos
for size in 150 300 500 1000; do
  wget -q "$BASE/static/assets/logos/eifer/web/eifer_logo_4c_original_mit_text_${size}px.png" \
       -O "ci-assets/logos/logo_${size}px.png"
done

# Download white variants
wget -q "$BASE/static/assets/logos/eifer/web/eifer_logo_1c_weiss_500px.png" \
     -O "ci-assets/logos/logo_white_500px.png"

echo "Done! Assets in ./ci-assets/"

Python Example

import requests

BASE = "http://localhost:8081/api/v1"

# Get brand colors
colors = requests.get(f"{BASE}/brand/colors").json()
print(f"EIFER Green: {colors['primary']['eifer_green']['hex']}")

# Download logo
logo = requests.get(f"{BASE}/logos/eifer/web/eifer_logo_4c_original_500px.png")
with open("logo.png", "wb") as f:
    f.write(logo.content)

# List templates
templates = requests.get(f"{BASE}/templates").json()
for cat in templates['categories']:
    print(f"- {cat['name']}")

Makefile Integration

# Makefile
CI_BASE := http://localhost:8081

.PHONY: download-assets

download-assets:
	@mkdir -p assets/logos
	@echo "Downloading CI assets..."
	@curl -s $(CI_BASE)/static/assets/logos/eifer/web/eifer_logo_4c_original_mit_text_500px.png \
	      -o assets/logos/eifer_logo.png
	@curl -s $(CI_BASE)/api/v1/brand/colors > assets/colors.json
	@echo "Done!"

ci-colors:
	@curl -s $(CI_BASE)/api/v1/brand/colors | jq -r '.primary | to_entries[] | "\(.key): \(.value.hex)"'

🤖 AI Prompt Examples

Copy these prompts to use EIFER brand assets with AI assistants like Claude, ChatGPT, or GitHub Copilot.

🎨 Use EIFER Colors

Use the EIFER corporate colors from https://ci.eifer.kit.edu/api/v1/brand/colors for this project. The primary colors are EIFER Green (#9cc118) and EIFER Blue (#212a72). Apply these consistently to buttons, headers, and accents.

🌙 Dark Mode Implementation

Implement dark mode using the EIFER brand palette from https://ci.eifer.kit.edu/api/v1/brand/colors - use the dark_mode section for background colors (#1a1a2e primary, #16213e secondary) and adjusted brand colors (Green: #b5d92e, Blue: #4a5aa8). Ensure WCAG AA contrast compliance.

🏷️ Add EIFER Logo

Add the EIFER logo from https://ci.eifer.kit.edu/static/assets/logos/eifer/web/eifer_logo_4c_original_mit_text_500px.png for light backgrounds. For dark backgrounds, use the dark variant: https://ci.eifer.kit.edu/static/assets/logos/eifer/web/eifer_logo_4c_dark_mit_text_500px.png

📊 Chart Color Scheme

Create charts using the EIFER area colors: Stadt (#ea5a06 orange), Umwelt (#2f92d0 blue), Multienergie (#4dff80 green), Wasserstoff (#6600ff purple), Allgemein (#c6c6c6 gray). These are available at https://ci.eifer.kit.edu/api/v1/brand/colors in the area_colors section.

🚀 Full Brand Context (for complex projects)

For this project, use the EIFER corporate identity guidelines available at https://ci.eifer.kit.edu/api/v1/brand/guidelines. This includes: - Primary colors: EIFER Green (#9cc118) and Blue (#212a72) - Area colors for data visualization (Stadt, Umwelt, Multienergie, Wasserstoff, Allgemein) - Dark mode palette with adjusted colors for contrast - Logo assets at /static/assets/logos/eifer/web/ (use 4c_original_mit_text for light, 4c_dark_mit_text for dark backgrounds) Fetch the full JSON from the API for exact values.

🔌 API Reference

Access brand data programmatically for AI agents and applications.

GET /api/v1/brand/guidelines Complete brand guidelines
GET /api/v1/brand/colors All color specifications
GET /api/v1/brand/dark-mode Dark mode palette
GET /api/v1/logos Logo variants and formats
GET /api/v1/templates Template categories
GET /api/v1/templates/{category} Templates in category
GET /api/v1/assets/search?q={query} Search all assets
Copied to clipboard!