<!-- Generated by ExtractVibe — https://extractvibe.com/brand/ead.darmstadt.de -->
<!-- Extracted: 2026-09-28T06:44:04.451Z | Schema: v1 | Quality: 65/100 -->
---
version: alpha
name: "EAD. Wir sorgen für morgen."
description: "EAD. Wir sorgen für morgen. presents a professional web presence."
colors:
  primary: "#007bff"
  secondary: "#6c757d"
  tertiary: "#6610f2"
  neutral: "#6c757d"
  surface: "#f5f5f5"
  on-surface: "#282828"
  link: "#282828"
  error: "#dc3545"
  warning: "#ffc107"
  success: "#28a745"
  info: "#17a2b8"
typography:
  headline-lg:
    fontFamily: "Open Sans"
    fontSize: "38px"
    fontWeight: "400"
    lineHeight: "53.2px"
  headline-md:
    fontFamily: "Open Sans"
    fontSize: "24px"
    fontWeight: "400"
    lineHeight: "30px"
  headline-sm:
    fontFamily: "Open Sans"
    fontSize: "24px"
    fontWeight: "500"
    lineHeight: "28.8px"
  body-md:
    fontFamily: "Open Sans"
    fontSize: "16px"
    fontWeight: "400"
    lineHeight: "25.6px"
spacing:
  base: "2px"
  xs: "1px"
  sm: "2px"
  md: "4px"
  lg: "6px"
  xl: "8px"
components:
  button-outline:
    textColor: "#ffffff"
    rounded: "0px"
    padding: "12px 54px 12px 20px"
    fontSize: "16px"
    fontWeight: "400"
    borderColor: "#8ad3ff"
    borderWidth: "0px 0px 0px 1px"
---

# EAD. Wir sorgen für morgen. — Design System

## Overview

EAD. Wir sorgen für morgen. presents a professional web presence.

Key characteristics: professional.

**Key characteristics:**

- Vibe — professional
- Design era — contemporary
- Emotional tone — professional
- Target audience — general audience
- Visual energy — 5/10 (moderate)

## Colors

The palette draws on 16 distinct colors observed across the site, organized into semantic roles below.

### Light mode

| Role | Hex | Name |
|------|-----|------|
| primary | `#007bff` | Dodger Blue |
| secondary | `#6c757d` | Slate Gray |
| accent / tertiary | `#6610f2` | Violet |
| background | `#f5f5f5` | White Smoke |
| text | `#282828` | Charcoal |
| link | `#282828` | Charcoal |
| muted | `#6c757d` | Slate Gray |

### Semantic

| Role | Hex | Use |
|------|-----|-----|
| success | `#28a745` | Confirmations, positive states |
| warning | `#ffc107` | Caution, intermediate states |
| error | `#dc3545` | Failures, destructive actions |
| info | `#17a2b8` | Neutral information, tips |

## Typography

Type is set in Open Sans, Open Sans, with hierarchy expressed through size and weight contrast rather than family-switching.

### Font families

| Family | Role | Source | Weights |
|--------|------|--------|---------|
| Open Sans | body | self-hosted | 400 |
| Open Sans | heading | self-hosted | 400, 500, 700 |

### Type scale

| Role | Family | Size | Weight | Line height | Letter spacing |
|------|--------|------|--------|-------------|----------------|
| Heading 2 | Open Sans | 38px | 400 | 53.2px | — |
| Heading 3 | Open Sans | 24px | 400 | 30px | — |
| Heading 4 | Open Sans | 24px | 500 | 28.8px | — |
| Body | Open Sans | 16px | 400 | 25.6px | — |

### Conventions

- Heading case — title-case
- Body line-height — 25.6px

## Layout

- Base spacing unit — `2px`

## Elevation & Depth

### Shadows

| Context | Value |
|---------|-------|
| dropdown | `rgba(0, 0, 0, 0.15) 0px 0px 5px 1px` |

## Components

### Buttons

**Outline**

- Text — `#ffffff`
- Radius — `0px`
- Padding — `12px 54px 12px 20px`
- Font size — `16px`
- Font weight — `400`
- Border — `0px 0px 0px 1px solid #8ad3ff`
- Sample copy — "Open submenu"

## Voice

### Tone (1–10 scale)

| Axis | Score | Lean |
|------|-------|------|
| Formal ↔ Casual | 5/10 | balanced |
| Playful ↔ Serious | 5/10 | balanced |
| Enthusiastic ↔ Matter-of-fact | 5/10 | balanced |
| Respectful ↔ Irreverent | 3/10 | respectful |
| Technical ↔ Accessible | 5/10 | balanced |

### Copywriting style

- Avg. sentence length — 12 words
- Vocabulary — moderate
- Jargon — some
- CTA style — direct

## Logos

| Type | Variant | Format | URL | Confidence |
|------|---------|--------|-----|------------|
| primary | — | svg | [link](https://img.loadlogo.com/ead.darmstadt.de) | 100% |
| favicon | — | ico | [link](brands/ead.darmstadt.de/logo-0.ico) | 95% |
| favicon | — | png | [link](brands/ead.darmstadt.de/logo-1.png) | 95% |
| favicon | — | png | [link](brands/ead.darmstadt.de/logo-2.png) | 95% |
| favicon | — | png | [link](brands/ead.darmstadt.de/logo-3.png) | 95% |
| favicon | — | png | [link](brands/ead.darmstadt.de/logo-4.png) | 95% |
| favicon | — | png | [link](brands/ead.darmstadt.de/logo-5.png) | 95% |
| favicon | — | png | [link](brands/ead.darmstadt.de/logo-6.png) | 95% |
| favicon | — | png | [link](brands/ead.darmstadt.de/logo-7.png) | 95% |
| favicon | — | png | [link](brands/ead.darmstadt.de/logo-8.png) | 95% |
| favicon | — | png | [link](brands/ead.darmstadt.de/logo-9.png) | 95% |
| favicon | — | png | [link](brands/ead.darmstadt.de/logo-10.png) | 95% |

## Sources

- Official brand guidelines — https://www.simpler.so/media-kit
- Live brand page — https://extractvibe.com/brand/ead.darmstadt.de
- Raw JSON — https://extractvibe.com/api/brand/ead.darmstadt.de
- DESIGN.md (this file) — https://extractvibe.com/api/brand/ead.darmstadt.de/design.md
- Extracted — 2026-09-28T06:44:04.451Z
- Generator — ExtractVibe vv1
- Quality score — 65/100