Unsere Marke.
Alles, was du brauchst, um Till Freitag korrekt darzustellen – Logo, Farben, Typografie und Regeln.
Logo
Unser Logo ist das zentrale Erkennungsmerkmal. Bitte verwende es immer mit ausreichend Freiraum und verändere es nicht.
Farben
Die Farbpalette definiert unsere visuelle Identität. Alle Farben sind in HSL definiert und als Design-Tokens verfügbar.
Primary Blue
#3264fa
224 96% 59%
Hauptfarbe, Links, Headlines
Turquoise
#40eee6
177 82% 59%
Akzente, Badges, Hover-Effekte
Yellow
#ffcc00
48 100% 50%
CTAs, Highlights
Navy
#1a2744
224 50% 20%
Dark Sections, Footer
Warm Black
#3c3c3c
0 0% 24%
Fließtext
Typografie
Montserrat ist unsere einzige Schriftart – für Headlines und Fließtext. Konsistente Gewichtung ist entscheidend.
Montserrat
Aa Bb Cc 123
The quick brown fox jumps over the lazy dog.
| Gewicht | Preview | Einsatz |
|---|---|---|
| 700 (Bold) | Montserrat | Hauptüberschriften (H1, H2) |
| 600 (Semibold) | Montserrat | Buttons, Badges, Unterüberschriften |
| 500 (Medium) | Montserrat | Navigation, Labels |
| 400 (Regular) | Montserrat | Fließtext, Beschreibungen |
Do's & Don'ts
Do's
- Logo mit ausreichend Weißraum verwenden
- Nur Montserrat als Schriftart nutzen
- Semantische Farbtoken verwenden (bg-primary, text-foreground)
- HSL-Werte für alle Farben nutzen
- Kontrast in Light & Dark Mode prüfen
Don'ts
- Logo verzerren, drehen oder einfärben
- Andere Schriftarten mischen
- Hardcoded Hex-Werte in Komponenten nutzen
- Playfair Display im UI verwenden
- CTA-Gelb für Hintergründe verwenden