Corporate Identity & Design Guide
Calculated Chaos — CI/CD Guide v2.0

Überarbeitet: weniger Chaos, mehr Calculated. Gleiche Farben, gleiche Fonts — aber diszipliniert eingesetzt.

Das Prinzip hinter v2.0

## Calculated zuerst. Chaos als Ausnahme.

v1.0 hat den Namen zu wörtlich genommen — Farbverlauf, Glow-Effekte und Zirkel-Deko liefen an mehreren Stellen gleichzeitig. Das Ergebnis: busy statt elegant. Die Regel für v2.0 ist einfach: Ruhe ist der Normalzustand, Farbe ist die Ausnahme.

01

#### Ein Verlauf, ein Ort

Der Farbverlauf erscheint ausschließlich auf der Wortmarke. Sonst nirgendwo — keine bunten Zahlen, keine Glow-Flecken im Hintergrund.

02

#### Ein Call-to-Action pro Ansicht

Nie zwei Buttons um Aufmerksamkeit konkurrieren lassen. Ein klarer nächster Schritt reicht.

03

#### Dekoration: ein Strich, kein Cluster

Das Zirkel-Motiv ist eine einzelne, dünne gepunktete Linie — nicht mehr drei überlagerte Kreise plus Punkt.

04

#### Gold bleibt Mikro-Detail

Nur für Eyebrow-Labels und einzelne Trennlinien. Nie als zweite Akzentfarbe neben dem Verlauf.

✕ v1.0 — zu viel gleichzeitig

- Zwei Glow-Flecken (Pink + Cyan) im Hero
- Drei überlagerte Zirkel-Kreise als Deko
- Zwei Buttons in der Hero, plus ein dritter in der Nav
- Farbige Zahlen, farbige Foto-Platzhalter

✓ v2.0 — ein Fokuspunkt

- Ein sehr sanfter, einfarbiger Glow
- Eine dünne gepunktete Linie
- Ein Button, eine klare Handlung
- Zahlen & Flächen in Ink-Tönen, Farbe bleibt der Wortmarke vorbehalten

Farbsystem

## Der Verlauf ist die Signatur — und bleibt es allein.

Fünf Kernfarben aus dem Original-Logo, plus Gold als Mikro-Detail. Unverändert gegenüber v1.0 — geändert hat sich nur, wie sparsam sie eingesetzt werden.

Chaos Pink
#F03A82
Orchid
#B744C4
Violet
#645EE9
Sky Cyan
#02AFF1
Calculated Gold
#E3B63E

### Hintergrund — jetzt festgelegt

Nach mehreren Dunkelstufen im Vergleich: Orchid-Anthrazit, so dunkel abgestuft, dass der Farbstich nur noch ein Hauch ist. Gleiche Grundhelligkeit wie neutrales Anthrazit, aber mit dem Orchid-Ton der Marke verbunden.

Chrystal Math
Calculated Chaos.
#070307

Orchid-Anthrazit, „Stufe 4" — nahezu Schwarz, mit gerade genug Farbstich, um sich von reinem Neutral-Grau zu unterscheiden. Kontrast zu Ink Light: 18:1, weit über dem Minimum für guten Lesekomfort.

Regel | Bedeutung
--- | ---
Verlauf = Wortmarke | Der Farbverlauf erscheint ausschließlich im Logo/Wortmarken-Schriftzug. Keine Ausnahmen mehr.
Ein Akzent-Signal | Pro Ansicht höchstens eine einzelne Volltonfarbe als Interaktions-Hinweis (z. B. Cyan bei Hover) — nicht mehrere gleichzeitig.
Kontrast zuerst | Fließtext immer in Ink oder Ink Muted, nie in Verlaufsfarbe direkt.
Gold bleibt Mikro-Detail | Nur Eyebrow-Labels und dünne Trennlinien — nie Flächen, nie zweite Akzentfarbe im selben Screen.

Typografie

## Drei Stimmen, klare Hierarchie.

Gleiche drei Schriften wie in v1.0 (SIL Open Font License 1.1, vollständig frei) — neu ist die Gewichts-Regel zwischen Wortmarke und Zwischenüberschrift.

Wortmarke — nur der Logo-SchriftzugBodoni Moda ExtraBold
Chrystal Math

Bleibt schwer und dramatisch — das ist der eine Ort, an dem volles Gewicht und voller Farbverlauf erlaubt sind.

Zwischenüberschriften (h2) — neuBodoni Moda SemiBold, gerade
Exakt geplant, wunderbar chaotisch.

Nicht mehr Bold: bei Bold-Gewicht verschwinden Bodonis feine Haarlinien auf dem Bildschirm, es wirkt blockig statt elegant. SemiBold zeigt den Dünn-Dick-Kontrast weiterhin, wirkt aber ruhiger. Kursiv ist als alternative Signature-Variante notiert, aber nicht der Standard.

Fließtext, UI, LabelsPoppins
Calculated Chaos.

Unverändert: Regular für Absätze, SemiBold mit Tracking für Labels/Buttons.

Signature-Moment, sehr sparsamFraunces SemiBold Italic
…mit einer Prise Unordnung.

Unverändert: ein einzelnes Zitat oder eine Unterschriftzeile pro Anwendung, nie mehr.

Rolle | Schrift | Wann
--- | --- | ---
Wortmarke | Bodoni Moda ExtraBold + Verlauf | Nur der Logo-Schriftzug „Chrystal Math"
Zwischenüberschrift (h2) | Bodoni Moda SemiBold, gerade | Alle Section-Headlines
Fließtext | Poppins Regular | Absätze, Beschreibungen
Labels / Tags | Poppins SemiBold, Tracking | Kicker, Buttons, Navigation
Signature-Moment | Fraunces SemiBold Italic | 1 Zeile, nie mehr

Logo & Signet

## Der Zirkel bleibt Zirkel.

Das „A" in „MAth" ist eine Zirkel-Illustration, kein Buchstabe. Das Logo existiert nur als Ganzes.

Regel | Detail
--- | ---
Schutzraum | Mindestens die Höhe des „C" als Abstand zu Rand, Text oder anderen Elementen
Mindestgröße | Druck: 30mm Breite · Web: 160px Breite
Untergrund | Orchid-Anthrazit `#070307` als Standard; helle Flächen nur mit dunklem Container darunter
Nicht erlaubt | Umfärben außerhalb der Palette, Verzerren, Freistellen einzelner Buchstaben, mehrere Deko-Elemente gleichzeitig um das Logo herum

Anwendungen

## Vier Beispiele, ein ruhigeres System.

Alle vier Anwendungen laufen jetzt auf v2.0 — ein ruhigeres, konsistentes System.

Web

#### One-Pager

Hero, Über mich, Programm, Galerie, Kontakt.

✓ v2.0
Druck

#### Poster

A2, Hochformat.

✓ v2.0
Druck

#### Postkarte

A6, beidseitig.

✓ v2.0
Druck

#### Briefkopf

A4, mit Signature-Moment.

✓ v2.0