Nadpis H1

Hlavní textové sdělení! Krátké a úderné!

Zde hlavní sdělení (ale né to unikátní, co je v oražnovém poli) - H3 nadpis

Zde stručně text, nebo odrážky.

  • Odrážka jedna
  • Odrážka dvě
  • Případně takto nadefinované ✓

S tím že vedle buď fotka,. nebo v budoucnu shrnující video.

Klasický text může být oživen přidáním čáry na levou stranu – v oranžové brandové barvě.

Tento doplňkový text tu být může a nebo nemusí. Případně výše místo těch odrážek nalevo od fotky/videa může být čistý obyčejný text v jednom či dvou krátkých odstavcích.

Nadpis v modrém pruhu

Nadpis výše v modrém poli být může, ale jen výjimečně a za mě max. jeden na stránce!

Nadpis H1 - velikost 50

Nadpis H1 je vždy jen jeden. Nacházet se bude nahoře v hlavičce. Převážně bude bílé barvy.

Nadpis H2 - velikost 40

Nadpis H2 bude většinou umístěn do "modrých pruhů a bude tedy také bílé barvy. Část se může obarvit oranžově!

Nadpis H3 - velikost 30

H3 je běžný nadpis, většinou nadpis jednotlivých odstavců. Bude v modré barvě na čistém býlém pozadí a nebo oranžovém pozadí.

Nadpis H4 - velikost 24

H4 a menší nadpisy budou používány jen výjemečně v situacích, kdy to bude dávat smysl.

Velikosti zatím ponechám stejné na desktopu i mobilu.

Nadpis H5 - velikos 22

Pouze výplňový text.

Nadpis H6 - velikost 18

Pouze výplňový text.

Prvky ke kopírování - H2 (velikost 40, bold)

Práce s barvou:

  • Oranžová = více unikátní, používat méně, používat na ty důležitější sdělení
  • Modrá = obyčejnější, používat častěji i na běžné sdělení, spíše jen pro spestření stránky (aby to nebylo jen čistě tmavý text na bílém pozadí)

HLAVNÍ SDĚLENÍ - USP – VELIKOST H2

Nějaký text, odrážky + fotka + případně tlačítko. Jo a nadpis font Rustico psát vše kapitálkami!

POZOR!

Většina prvků má v základu odsazení "Střední". Pokud ale jsou dva bloky s bílém pozadí vedle sebe, tak jeden bude odsazení "Střední" a ten druhý (prostřední) bude mít odsazení "Žádné".

Pokud to vychází tak, že jsou jen dva bílé bloky vedle sebe, první je střední odsazení a druhý žádné, tak u toho druhého se dodá ručně spodní odsazení 70px! – viz hned ten blok níže ↓↓↓

NADPIS VELIKOST H3

  • Odrážky tvořit textovým polem.
  • Nikoliv samostatným modulem.

NADPIS VELIKOST H3

  • Rychleji a snadněji se pak editují.
  • A funkci to plní stejnou 🙂
  • MODRÉ POZADÍ
    Používat cca jako každý 2., 3. blok

Zde je použito modré pozadí s prvky "ledu".

Doporučuji, pokud těchto prvků bude na stránce více, střídat vycentrování fotky.

  • VLASTNÍ IKONKA
    Vložena jako obrázek do WP.

Výplňový text. Zde není nic k vidění. Pokračuj dále.

Výplňový text. Zde není nic k vidění. Pokračuj dále.

  • VELKÁ PÍSMENA
    U tohoto fontu psát vše kapitálkami!

Výplňový text. Zde není nic k vidění. Pokračuj dále.

Výplňový text. Zde není nic k vidění. Pokračuj dále.

Textové pole čisté s obrázkem a tlačítky

Jinak obecně vše bude více doplněno fotkami a jinou grafikou.

Ale texty a jiné prvky budou spíše stavěny obyčejně. Pokud možno jednotným čistým stylem!

Tlačítka většinou modrá. Oranžová jsou pak konverzní (objednávka, kontakty).

Jinak níže může být připnuta i mini fotogalerie. PS. Všechny fotky jsou bez efektu zoomu.

Další styl - bez fotek (tohle je h3)

Takovýto odstavec bude čistě text. Bez fotek. Doplněn o tlačítka.

Případně naopak, může to být pouze čistý text bez tlačítek. Případně čistý text bez tlačítek s jednou fotkou. Většinou řazeno napravo, výjimečně ale lze fotku zařadit i nalevo od textu.

Pozor na tlačítka (tohle je nadpis h4)

Tlačítka, pokud jsou dvě pod sebou (jedno jaké barvy), tak spodní odsazení prvního tlačítka bude pouze 20px. Nikoliv 30px jako je výchozí nastavení!

PS. Nepoužívá se prvek "Dvojtlačítko", pokud to není nezbytně nutné. Důvodem je špatné zobrazování na menších obrazovkách (chybí mezera mezi tlačítky).

Případný nadpis pro karty (výjimečně odskok ne 70, ale 50px)

NADPIS H4 (24px)

Krátký výstižný text.

ZAROVNÁNÍ

Tento prvek je super, že umožňuje mít stejně vysoké sloupce.

OSTRÉ HRANY

Bohužel zde ale nelze mít zaoblené hrany.

Prvek přes celou stránku (nadpis H2)

Tento prvek roztažený přes celou stránku využívat častěji, než je zde na ukázkové stránce.

Střídat vycentrování pozadí.

Nemusí být zobrazeny karty, jako je zde dole. Lze mít třeba jen čistý text nebo text s jednou fotkou. Pouze modrá tlačítka nebudou výrazná. jinými slovy, používat to v podobných situacích jako běžný blok s bílým pozadím.

Účel je spíše oživit vzhled, než vyloženě zvýraznit dané informace. Na ty nejdůležitější je spíše oranžové pole (které ale dávat spíše jen jedno do první třetiny stránky – aby to bylo unikátní).

Samozřejmě ale lze do modrého pole vybírat spíše ty důležitější informace a text se snažit mít kratší. Jelikož světlý text na tmavém pozadí člověk čte pomaleji než černý na bílém.

Lze mít takto i pár nadpisů

Krátký text k danému nadpisu. Krátký text k danému nadpisu. Krátký text k danému nadpisu. Krátký text k danému nadpisu. Krátký text k danému nadpisu. Krátký text k danému nadpisu. 

Krátký text k danému nadpisu. Krátký text k danému nadpisu. 

S krátkým odstavcem

Krátký text k danému nadpisu. Krátký text k danému nadpisu. Krátký text k danému nadpisu. 

Namísto např. karet

Krátký text k danému nadpisu. Krátký text k danému nadpisu. Krátký text k danému nadpisu. Krátký text k danému nadpisu. Krátký text k danému nadpisu. Krátký text k danému nadpisu. 

Krátký text k danému nadpisu. Krátký text k danému nadpisu. 

Pro oživení

Krátký text k danému nadpisu. Krátký text k danému nadpisu. Krátký text k danému nadpisu. 

A TO JE VŠE

Na závěr nějaká výzva, kontakt.

Další možnosti

Buď takto dva bloky vedle sebe a nebo jeden roztažený.

Lze takto před patičkou mít ještě poslední sdělení

Takto v modrém poli. Jen krátký text bez obrázků a fotek.