Typografie
Typografie ist sekundärer Charakterträger. Das Bild führt. Die Typografie unterstützt.
01
Statement-Register: Fugaz One
Laut, kursiv, massiv, selbstbewusst. Für Headlines, Claims, Störer, Hero-Texte. Immer Versalien.
RAISE YOUR GAME
PLAY FASTER.
02
Funktions-Register: Fira Sans
Klar, neutral, lesbar, technisch. Für Fließtext, Navigation, UI, Beschreibungen.
Regular – Der Sport, der aus den Städten kommt.
Medium – Dynamik, Nähe und Spielintelligenz.
Bold – Performance prägt den Look.
03
Hierarchie-System
PLAY FASTER.
KATEGORIE-TITEL
Unterabschnitt
Beschreibungstext für Inhalte und Erklärungen.
Meta-Information und Fußnoten
04
Live-Vorschau
RAISE YOUR GAME
RAISE YOUR GAME
Raise Your Game
Raise Your Game
Raise Your Game
05
Headline-Regeln
Fugaz One in Versalien braucht klare Längenvorgaben, besonders bei mehreren Sprachen. Zeichenanzahl ist das führende Mass, nicht Wortanzahl.
Deutsch ist die längste Sprache im System (+30–35% vs. Englisch). Immer in Deutsch testen, wenn es auf Deutsch passt, passt es überall.
Hero-Headline
Sekundär-Headline
Thumbnail / Card
Don't
- Versalien sind 10–20% weniger lesbar als gemischte Schreibweise. Deshalb: Zeichenlimits bewusst knapp halten, nie überziehen.
06
CTA-Typografie
CTAs unterscheiden sich je nachdem, ob sie als freistehender Text oder als Button erscheinen.
Text-CTA (ohne Button)
Fugaz One, Versalien
Statement-Element: direkt, laut, eigenständig. Für Overlays, Störer, Endcards.
JETZT ENTDECKEN
Button-CTA (mit Hintergrund)
Fira Sans Bold, gemischte Schreibweise
Funktionaler Klick-Auslöser: lesbar, klar, auf Brand Blue (#0071EA) mit weisser Schrift.
Jetzt entdecken07
Typografische No-Gos
- Fugaz One in Kleinbuchstaben
- Mehr als zwei Schriftgrößen pro Viewport-Bereich
- Textblöcke über 70 Zeichen Breite
- Zentrierter Fließtext (nur Headlines erlaubt)
- Unterstrichene Links
08
Kanalabhängige Logik
Brand-nahe Kanäle: Kampagnen, Social Media, Retail – Typografie darf Charakter zeigen.
Commerce-Kanäle: Funktionalität vor Charakter. Lesbarkeit, Conversion, Klarheit.
09
Schriften installieren
Beide CI-Schriften sind kostenlose Google Fonts. Zum Installieren auf den jeweiligen Link klicken, dort 'Download family' waehlen und die ZIP-Datei auf dem Rechner entpacken.