# FoxifAI — Corporate Identity

> Das verbindliche Design-System von FoxifAI (KI-Agentur, Bochum). Drei Farben, zwei Schriftfamilien plus Schwesterschnitt, zwei Radien. Diese Datei ist die Kurzfassung für Sprachmodelle; alle Werte maschinenlesbar unter https://ci.foxifai.com/ci.json

**Verbindlich ist der Code**, nicht dieses Dokument: `src/app/globals.css` im Repo `foxifai-web`. Das Handbuch unter https://ci.foxifai.com bildet ihn ab. Bei einem Widerspruch zwischen Handbuch und Website gewinnt die Website.

## Farben

- `#1A1A1A` — Seitenhintergrund, Standardgrund. Token `--color-surface-dark`
- `#F5F5F5` — Primärtext auf Dunkel, helle Fläche. Token `--color-surface`
- `#E94F1E` — Markenfarbe, CTAs und Akzente. Token `--color-brand`. **Nie für Fließtext**
- `#242424` — Karten und erhöhte Flächen. Token `--color-surface-elevated`
- `#1A1A1A` — Schrift auf orangem Grund. Token `--color-on-brand`. Auf Orange steht dunkle Schrift, **nie Weiß**
- `#B09A94` — warmes Taupe. **Abgekündigt**, nicht für Fließtext verwenden

Status (nur für Prüfergebnisse, nicht als Markenfarbe): `#9AE6A4` bestanden, `#E9C46A` Hinweis, `#F08A8A` gefallen. Muster: Textfarbe voll, Fläche 8 % Alpha, Rahmen 25 % Alpha.

Ungültig: `#E94306` war bis zum 08.09.2026 der Ton der Bildmarke und ist es nicht mehr.

## Sekundärtext

Gedämpfter Text ist **neutral gedimmtes Weiß**, nicht das Taupe: die Surface-Farbe mit reduzierter Deckkraft.

- `surface/80` — Fließtext, betont
- `surface/70` — Sekundärtext, kräftiger
- `surface/60` — Sekundärtext, Standard
- `surface/55` — Captions, dezent
- `surface/50` — Kleingedrucktes, Untergrenze

Unter `/50` reißt der Kontrast unter WCAG AA.

## Typografie

- **Syne** — Überschriften H1–H4 und Marketing-Momente. Gewichte 400, **700**, 800. Jede Überschrift läuft in **700**, auch auf Grafiken, Folien, OG-Bildern und in Mails. **800 ist ein Akzent, kein Gewicht für Text:** höchstens drei Wörter, nur in großer Schrift (ab etwa 40 px), höchstens einmal je Fläche, etwa der Claim „Be ahead.“ oder eine einzelne Kennzahl. Nie für Sätze, Titel oder Fließtext
- **DM Sans** — Fließtext, UI, Navigation. Gewichte 300 bis 700. Fließtext steht in **300**, Hervorhebungen darin in **500 oder 600**, nie fetter, Buttons in **600**
- **DM Mono** — Rohwerte, Kennungen, Pfade, Code. Gewichte 400, 500. Schwesterschnitt von DM Sans aus derselben Werkstatt

Type Scale (Größe / Zeilenhöhe · Gewicht): H1 72/76 · 700 · H2 48/48 · 700 · H3 20/28 · 700 · Lead 20/32 · 300 · Body 16/24 · 300 · Button 16/24 · 600 · Eyebrow 12/16 · 300 uppercase · Caption 12/16 · 400

## Form

Zwei Radien tragen die gesamte Oberfläche: `--radius-card` (1.25rem) für Karten, Modals und Content-Blöcke, `--radius-button` (0.5rem) für Buttons, Inputs und Tags. Vollrund nur für Pillen und Badges.

Rahmen sind neutral aus Surface gemischt, nie braun, und kennen zwei Stufen: `border-surface/10` und `border-surface/15`.

Interaktive Elemente nie unter 44×44 px.

## Bewegung

Eine Kurve für alles: `cubic-bezier(0.16, 1, 0.3, 1)`. Standard-Entrance ist Fade Up (opacity 0 → 1, y 24 → 0, 600 ms). `prefers-reduced-motion` wird überall respektiert.

## Sprache

Deutsch, Du-Form, kurze Sätze, aktiv statt passiv, Zahlen statt Versprechen. Claim: **Be ahead.**

Deutsche Texte tragen echte Zeichen — ü ä ö ß, Gedankenstrich —, keine ASCII-Ersatzschreibweisen wie „ue" oder „ss".

Nicht verwendet werden Agentur-Floskeln: „ganzheitlich", „State-of-the-Art", „zukunftsorientiert", „Synergien nutzen".

## Weiterführend

- https://ci.foxifai.com/ci.json — alle Werte maschinenlesbar, mit gerechneten Kontrastwerten
- https://ci.foxifai.com — das vollständige Handbuch mit Logo-Regeln, Assets und Tonalität
- https://foxifai.com — die Website, die dieses System trägt

## Optional

- https://foxifai.com/llms.txt — das Unternehmen selbst: Leistungen, Preise, Zielgruppe