Generátor typografické škály
Generátor typografické škály vypočítá modulární škálu velikostí písma ze základní velikosti a poměru, od Minor Second (1.067) po zlatý řez (1.618), a vypíše devět velikostí jako CSS custom properties.
O tomto nástroji
Generátor typografické škály vypočítá modulární škálu velikostí písma ze základní velikosti a poměru, od Minor Second (1.067) po zlatý řez (1.618), a vypíše devět velikostí jako CSS custom properties.
Jak ho použít
- Zadej základní velikost písma v pixelech (16 px je výchozí hodnota prohlížeče).
- Zvol poměr škály, například Major Third (1.25).
- Vyber výstupní jednotku: rem, px nebo em.
- Klikni na Kopírovat CSS proměnné a použij velikosti od --xs po --4xl.
Dobré vědět
- Každý krok modulární škály vynásobí předchozí velikost stejným poměrem.
- Generátor vytvoří devět kroků: dva pod základní velikostí, základní velikost a šest nad ní.
- Menší poměry (1.067–1.2) se hodí pro hutná rozhraní; větší poměry (1.333–1.618) pro redakční stránky s velkými nadpisy.
- Hodnoty rem se počítají vůči kořenové velikosti písma 16 px.
- Díky rem se text přizpůsobí velikosti písma nastavené uživatelem v prohlížeči.
Běží celý ve vašem prohlížeči — nic, co zadáte, se nenahrává ani neukládá.
Časté dotazy
Co je modulární typografická škála?
Je to sada velikostí písma, kde každá velikost je předchozí vynásobená pevným poměrem, díky čemuž k sobě nadpisy a text vizuálně ladí.
Jaký poměr škály použít?
Oblíbenými univerzálními volbami jsou Major Third (1.25) a Perfect Fourth (1.333). Pro aplikace a dashboardy použij menší poměr, pro landing pages a blogy větší.
Mají být velikosti písma v rem, nebo v px?
Obecně se doporučuje rem, protože respektuje preferovanou velikost písma v prohlížeči uživatele, což zlepšuje přístupnost.
Jakou základní velikost písma použít?
16 px je standardní výchozí hodnota prohlížečů a dobrý základ pro běžný text; mnoho webů používá pro pohodlné čtení 16–18 px.