Corporate Identity & Design Guide
Calculated Chaos — CI/CD Guide v2.0
Überarbeitet: weniger Chaos, mehr Calculated. Gleiche Farben, gleiche Fonts — aber diszipliniert eingesetzt.
Überarbeitet: weniger Chaos, mehr Calculated. Gleiche Farben, gleiche Fonts — aber diszipliniert eingesetzt.
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.
Der Farbverlauf erscheint ausschließlich auf der Wortmarke. Sonst nirgendwo — keine bunten Zahlen, keine Glow-Flecken im Hintergrund.
Nie zwei Buttons um Aufmerksamkeit konkurrieren lassen. Ein klarer nächster Schritt reicht.
Das Zirkel-Motiv ist eine einzelne, dünne gepunktete Linie — nicht mehr drei überlagerte Kreise plus Punkt.
Nur für Eyebrow-Labels und einzelne Trennlinien. Nie als zweite Akzentfarbe neben dem Verlauf.
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.
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.
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. |
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.
Bleibt schwer und dramatisch — das ist der eine Ort, an dem volles Gewicht und voller Farbverlauf erlaubt sind.
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.
Unverändert: Regular für Absätze, SemiBold mit Tracking für Labels/Buttons.
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 |
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 |
Alle vier Anwendungen laufen jetzt auf v2.0 — ein ruhigeres, konsistentes System.
Hero, Über mich, Programm, Galerie, Kontakt.
A2, Hochformat.
A6, beidseitig.
A4, mit Signature-Moment.