Typografia je náš hlas
Tri rodiny písiem tvoria základ našej vizuálnej komunikácie — presne, moderne a konzistentne.
Aa
Outfit
DisplayNadpisy, navigácia, UI prvky, tlačidlá
400 Regular · 500 Medium · 600 SemiBold · 700 Bold
Aa
Inter
BodyPlynulý text, popisy, dlhé texty
300 Light · 400 Regular · 500 Medium · 600 SemiBold
Aa
Geist Mono
MonoŠpecifikácie, ceny, technické údaje, kód
400 Regular · 500 Medium
Stupnica písma
Zadajte text pre živý náhľad.
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
Váhy písma
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
Správne
Outfit pre nadpisy a UI prvky
Inter pre plynulý text a popisy
Negatívne sledovanie pre veľké nadpisy
Geist Mono pre technické špecifikácie
Nesprávne
Miešať viac ako 2 písma na jednej stránke
Používať kapitálky pre plynulý text
Veľkosti písma pod 13px
Dekoratívne písma ako alternatívy