Typografie a prvky

Předpis sazby, který pro web platí. Vpravo je vidět, jak se chová v textu, dole hotové CSS pro vývojáře.

Mona Sans

Řezy
variabilní 200–900
Text
400
Nadpisy
800
Velikost textu
18 px
Proklad textu
1,55
Proklad nadpisů
1,15
Prostrkání nadpisů
−0,02 em

Každá úroveň je o čtvrtinu větší než ta pod ní.

  • Nadpisy#262626
  • Text#6a6f82
  • Akcent a odkazy#fe1a3f
  • Podklad#fafafa

Primární akce

Zaoblení
999 px
Velikost
15 px
Váha
600
Rám
2 px

Primární plná, sekundární obrys, textové podtržené bez rámu.

Hodnoty jsou dané designem značky. Nástroj je nenastavuje — jen je vypisuje a vydá jako CSS.

H1 · 44 px / 1,15 · 800 · −0,02 em

Značka, která drží tvar

H2 · 35 px / 1,15 · 800 · −0,02 em

Nadpis druhé úrovně

H3 · 28 px / 1,15 · 800 · −0,02 em

Nadpis třetí úrovně

H4 · 23 px / 1,15 · 800 · −0,02 em

Nadpis čtvrté úrovně

Text · 18 px / 1,55 · 400

Perex uvozuje stránku jedinou větou a je o pětinu větší než běžný text.

Základní odstavec drží pohodlnou délku řádku kolem 65 znaků. Uvnitř textu se objevují odkazy v akcentní barvě, občas zvýraznění tučným řezem a v technických pasážích i ukázka kódu.

  • Odrážky mají stejný proklad jako odstavec.
  • Druhá položka pro kontrolu rytmu.

Popisek pod obrázkem, poznámka pod čarou nebo popiska u grafu.

Tlačítka · 15 px · 600 · zaoblení 8 px

Novinka Verze 2.0

CSS pro vývojáře

Přesně hodnoty ze souhrnu vlevo