1. Styly

Typografie

Pravidla pro použití textových prvků

Řez písma

V rámci webů a aplikací MV jsou použité následující řezy písma Roboto:

  • Roboto Thin
  • Roboto Light
  • Roboto Regular
  • Roboto Medium
  • Roboto Bold

Archiv řezů písma naleznete v sekci Ke stažení.

Použití písma

Použité velikosti písma vychází z následující stupnice. Základní velikost písma 1rem odpovídá 10 pixelům.

Název Velikost Výška řádku Použití
Heading 1 80px / 8rem 1.25 <h1> Hlavní nadpis - vždy pouze jeden na celé stránce.
Heading 4 40px / 4rem 1.25 <h2> Nadpis sekce stránky - může se vyskytovat víckrát na jedné stránce.
Heading 3 20px / 2rem 1.3 <h3> Nadpis podsekce - je možné použít také pro nadpisy elementů ve výpisech.
Heading 4 12px / 1.2rem 1.6666666667 <h4> Pro navigační prvky.
Navigation 15px / 1.5rem 1.2 Pro komponentu navigace.
Perex 20px / 2rem 1.5 <p class="perex"> Pro úvodní odstavce (perexy) článků - k odlišení od zbytku textu.
Body text 15px / 1.5rem 1.3333333333 <p> Pro většinu textu.
Note 12px / 1.2rem 1.3333333333 <p class="smaller"> Pro méně podstatné a doplňkové informace na stránce.
List 15px / 1.5rem 1.3333333333 <ul> Odrážkový seznam.

Ukázka