Písma

Hlavní písmo

Hlavní písmo používáme zejména na webu a v marketingové komunikaci a bannerech (tisk, digitální prezentace).

Open Sans

Aa

Open Sans

Open Sans light

Používá se tehdy a tehdy...

Open Sans Semi-bold

Používá se tehdy a tehdy...

Open Sans Extra-bold

Používá se tehdy a tehdy...

Open Sans Normal

Používá se tehdy a tehdy...

Open Sans Bold

Používá se tehdy a tehdy...

Doplňkové písmo

Doplňkové písmo používáme zejména v běžném odstavcovém textu a v celém rozsahu ve sdílených dokumentech Google

Ubuntu

Aa

Ubuntu

Open Sans light

Používá se tehdy a tehdy...

Open Sans Semi-bold

Používá se tehdy a tehdy...

Open Sans Extra-bold

Používá se tehdy a tehdy...

Open Sans Normal

Používá se tehdy a tehdy...

Open Sans Bold

Používá se tehdy a tehdy...

Alternativní písmo

Alternativní písmo je čistě univerzální. Toto písmo je na každém počítači a informace, které napíšete tímto písmem, se příjemci s největší pravděpodobností adekvátně zobrazí.

Arial

Aa

Open Sans

Open Sans light

Používá se tehdy a tehdy...

Open Sans Semi-bold

Používá se tehdy a tehdy...

Open Sans Extra-bold

Používá se tehdy a tehdy...

Open Sans Normal

Používá se tehdy a tehdy...

Open Sans Bold

Používá se tehdy a tehdy...

Používání písem

Tabulka pro orientaci, kdy je vhodné použít hlavní, doplňkové nebo alternativní písmo. Uvedená pravidla vycházejí především z licenčních možností daných písem.

Open Sans

Webdesign ✅ Open Sans ❌ Ubuntu ❌ Arial
Blog✅ Open Sans
NadpisLorem ipsum dolor

Velikosti písem

Tabulka pro orientaci, kdy je vhodné použít hlavní, doplňkové nebo alternativní písmo. Uvedená pravidla vycházejí především z licenčních možností daných písem.

PROFI TIP : Kopíruj si blok do schránky, kde je správně nastavený font.

Nadpisy u běžných stránek - kampaňové to můžou mít jinak

H1 - Hlavní unikátní nadpis stránky

Vzhled

Označeno jako nadpis H1 - vlož jako element Nadpis. 

  • Font - defaultní (bere se z nastavení stránky - ověř, že je správně nastavena)
  • Velikost - 50 px
  • Výška řádků - 1.2
  • Mezery - 0
  • Stín - žádný
  • Vzhled nadpisu - defaultní

Pokročilé nastavení

  • Horní odsazení - 0 px
  • Spodní odstazení - 30 px
  • Animace - bez animace
  • Kotva (id) elementu - vždy malým bez háčků a čárek, vyplňuje se bez #
    Správně: footer Špatně: Patička 
  • Vlastní css třída elementu: Prázdné, pokud nevyužíváš vlastní CSS styly na stránce.

Podnadpisy

H2 - Sekundární unikátní nadpisy

Vzhled

Označeno jako nadpis H2 - vlož jako element Nadpis. 

  • Font - defaultní (bere se z nastavení stránky - ověř, že je správně nastavena)
  • Velikost - 30 px
  • Výška řádků - 1.2
  • Mezery - 0
  • Stín - žádný
  • Vzhled nadpisu - defaultní

Pokročilé nastavení

  • Horní odsazení - 0 px
  • Spodní odstazení - 30 px
  • Animace - bez animace
  • Kotva (id) elementu - vždy malým bez háčků a čárek, vyplňuje se bez #
    Správně: footer Špatně: Patička 
  • Vlastní css třída elementu: Prázdné, pokud nevyužíváš vlastní CSS styly na stránce.