Style Guide

Typografie
EDIT

Pro úpravu globální rodiny písma a barvy textu na webu upravte styl odstavcového textu viz. níže.

FONT
Toto je globální font použitý na webu

EDIT

Pro úpravu globální rodiny písma a barvy pro nadpisy upravte konkrétní styl nadpisu viz. níže.

FONT
Toto je globální font použitý pro nadpisy

EDIT

Pro úpravu globálního H1 stylu upravte styl ALL H1 Heading .

H1
Toto je hlavní nadpis na stránce, používaný pouze jednou, v úvodní části

EDIT

Pro úpravu větší H2 stylu upravte styl H2_Big .

Větší H2
Nadpis používaný pro odlišení různých sekcí na stránce

EDIT

Pro úpravu globálního H2 stylu upravte styl ALL H2 Heading .

H2
Nadpis používaný pro odlišení různých sekcí na stránce

EDIT

Pro úpravu globálního H3 stylu upravte styl ALL H3 Heading .

H3
Tento nadpis použijte pro názvy různých elementů v sekcích, jako například pro názvy služeb nebo klíčových benefitů

EDIT

Pro úpravu globálního H4 stylu upravte styl ALL H4 Heading .

H4
Tento nadpis použijte pro názvy různých elementů v sekcích, které jsou méně klíčové

EDIT

Pro úpravu globálního H5 stylu upravte styl ALL H5 Heading .

H5
Tento nadpis použijte pro názvy sekcí jednotlivých odstavců
EDIT

Pro úpravu stylu globálního odstavcového textu (P) upravte styl ALL paragraphs .

ODSTAVEC
Odstavce používejte vždy, když máte text, který obsahuje více než jen pár slov a uvědomte si, že odstavce musí být mezi sebou odděleny tak, aby bylo jasné, kdy jeden odstavec končí a druhý začíná.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

EDIT

Pro úpravu stylu Overline textu upravte styl Overline .

OVERLINE
Text používaný nad nadpisy, jako drobný ukazatel názvu sekce nebo podstránky

EDIT

Pro úpravu stylu většího odstavcového textu upravte styl p_Big .

VĚTŠÍ ODSTAVEC
Odstavce používejte vždy, když máte text, který obsahuje více než jen pár slov a uvědomte si, že odstavce musí být mezi sebou odděleny tak, aby bylo jasné, kdy jeden odstavec končí a druhý začíná.

EDIT

Pro úpravu stylu menšího odstavcového textu upravte styl p_Small .

MALÝ ODSTAVEC
Odstavce používejte vždy, když máte text, který obsahuje více než jen pár slov a uvědomte si, že odstavce musí být mezi sebou odděleny tak, aby bylo jasné, kdy jeden odstavec končí a druhý začíná.

EDIT

Pro úpravu stylu číslováného textu upravte styl Number-Big .

VELKÉ ČÍSLOVÁNÍ 01
EDIT

Pro úpravu stylu číslováného textu upravte styl Number .

ČÍSLOVÁNÍ 02
EDIT

Pro úpravu barvy světlého textu upravte styl Light-text .

SVĚTLÝ TEXT
Někdy bude potřeba použítí světlého textu na tmavším podkladu. V takové situaci můžete aplikovat světlý styl na konkrétní textový element.

EDIT

Pro úpravu barvy světlého textu upravte styl Light-text .

SEZNAM

  • Kdykoliv máte seznam bodů
  • Nejlepší je využít element seznamu
  • SEO stránky bude benefitovat
Tlačítka
EDIT

Pro úpravu velikosti a odsazení všech tlačítek upravte styl Button .

Konkrétní změny sekundárního tlačítka, jako barvu pozadí a rámečku dělejte skrze styl Secondary-Button .

Změnu textových odkazů provedete úpravou stylu ALL Links .

Tato stránka používá cookies. K personalizaci obsahu, poskytování funkcí a anonymní analýze návštěvnosti. Preference můžete kdykoliv změnit na stránce Nastavení cookies.