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ýš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Í IKONKAVlož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ÍSMENAU 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)
ZAROVNÁNÍ
OSTRÉ 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ý.
Kam dál?
Související obsah:
- Fotogalerie
- Pravidla LZ FOX
- Článek ... .
+420 792 758 849Po-Pá | 10:00-17:00 h.
info@lzhockey.comOdpovíme do 24 hodin.