08Visuelle IdentitätVisual Identity
TypografieTypography
Eine moderne, freundliche, hochlesbare Schrift durch das ganze System: Plus Jakarta Sans. Für Daten und Labels ergänzt JetBrains Mono. Selbstbewusste Gewichte für Präsenz.A modern, friendly, highly legible typeface across the system: Plus Jakarta Sans. For data and labels, JetBrains Mono supports it. Confident weights for presence.
08.1SchriftfamilienType families
Aa Bb Cc
0123 · 88'
08.2Typo-SkalaType scale
Eine modulare Skala (~1,2) — eng getrackt, fett, klar.A modular ~1.2 scale — tight-tracked, bold, clear.
Display · 800
clamp → 96pxLebendig
clamp → 96pxLebendig
H1 · 800
clamp → 80pxDein Verein
clamp → 80pxDein Verein
H2 · 800
clamp → 51pxIn Echtzeit dabei
clamp → 51pxIn Echtzeit dabei
H3 · 700
32pxSieh, was passiert
32pxSieh, was passiert
Lead · 400
24pxVerbindung ohne Lärm.
24pxVerbindung ohne Lärm.
Body · 400
16px / 1.5Klubbook hält deinen Verein lebendig — in Echtzeit, für alle.
16px / 1.5Klubbook hält deinen Verein lebendig — in Echtzeit, für alle.
Mono · 600
13px · 0.1emLIVE · 14 MITGLIEDER
13px · 0.1emLIVE · 14 MITGLIEDER
08.3SchnitteWeights
Verein
Regular · 400
Verein
Medium · 500
Verein
SemiBold · 600
Verein
ExtraBold · 800
08.4ZeichensatzCharacter set
Voll deutsch — Umlaute und ß inklusive.Fully German — umlauts and ß included.
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
Ä Ö Ü ä ö ü ß 0 1 2 3 4 5 6 7 8 9 € & @ % „ “ – —
a b c d e f g h i j k l m n o p q r s t u v w x y z
Ä Ö Ü ä ö ü ß 0 1 2 3 4 5 6 7 8 9 € & @ % „ “ – —
08.5Setz-RegelnSetting rules
Eng oben, luftig im Text.Tight up top, airy in body.
- Überschriften in 800, Tracking −2 bis −4 %, Zeilenhöhe ~1,0–1,1.Headings at 800, tracking −2 to −4%, line-height ~1.0–1.1.
- Fließtext 16px, Zeilenhöhe 1,5, Tracking neutral.Body 16px, line-height 1.5, neutral tracking.
- Satz-Großschreibung für Titel, Buttons und Labels — kein Versal-Block außer kurzen Mono-Labels.Sentence case for titles, buttons and labels — no all-caps blocks except short mono labels.
- Mono nur für Daten, Eyebrows und Live-Status — nie für Fließtext.Mono only for data, eyebrows and live status — never for body.