Typografie ist unsere Stimme
Drei Schriftfamilien bilden das Fundament unserer visuellen Kommunikation — präzise, modern und konsistent.
Aa
Outfit
DisplayHeadlines, Navigation, UI-Elemente, Buttons
400 Regular · 500 Medium · 600 SemiBold · 700 Bold
Aa
Inter
BodyFließtext, Beschreibungen, lange Texte
300 Light · 400 Regular · 500 Medium · 600 SemiBold
Aa
Geist Mono
MonoSpezifikationen, Preise, technische Daten, Code
400 Regular · 500 Medium
Type Scale
Tippen Sie etwas ein, um die Live-Vorschau zu sehen.
headline-xl
clamp(3.5rem, 12vw, 8rem)
smartenic
headline-lg
clamp(3rem, 10vw, 6rem)
smartenic
headline-md
clamp(2.5rem, 8vw, 5rem)
smartenic
headline-sm
clamp(2rem, 5vw, 3rem)
smartenic
body-lg
18px–20px
smartenic
body-md
15px
smartenic
label-sm
13px
smartenic
label-xs
11px
smartenic
Schriftgewichte
Geist Sans
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
Inter
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
Geist Mono
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
Dos
Outfit für Headlines und UI-Elemente verwenden
Inter für Fließtext und Beschreibungen
Negatives Tracking für große Headlines
Geist Mono für technische Spezifikationen
Donts
Mehr als 2 Fonts auf einer Seite mischen
Versalien für Fließtext verwenden
Zu kleine Schriftgrößen unter 13px
Dekorative Schriften als Alternative