Šablona presetů

Průvodce výchozích stylů

01. Barevná paleta

Barvy jsou zpravidla tím prvním, co návštěvník na webu vnímá a během několika sekund utvářejí jeho první dojem. Mají vliv na přístupnost a použitelnost webu. Vhodně sladěná barevná paleta dokáže doplnit vaši značku a dodat jí ten správný šmrnc. Správně zvolené barvy dokážou vyvolat emoce a vzbudit důvěru. Níže je zobrazena základní barevná paleta webu a gradienty s příslušnými hexadecimálními kódy. Zvolené barvy si poté změňte ve výchozí barevné paletě v možnostech šablony.

#f3f3f3

#ece1dc

#e3c7af

#cfb4a8

#67766c

#333333

#e3c7af

#f3f3f3

#b8c6c6

#ece1dc

#ece1dc

#cfb4a8

#b8c6c6

#67766c

02. Typografie

Typografie je disciplína zabývající se písmem. Cílem je zajistit čtenáři snazší čtení a efektivnější vnímání psaného textu. Stránky respektující typografii působí profesionálněji a uživatel má lepší dojem z celého webu. Níže jsou zobrazeny vytvořené styly pro běžný text, základní nadpisy 1-4 úrovně a odrážkový seznam. Zde je možné také stylizovat vaše texty a měnit je v presety pro celý web.

Typ

Vzhled

popisek

Nadpis 1

Hlavní nadpis H1

Gordita Light, Velká písmena, 42px, 1.3em, #e3c7af

Nadpis 2

Nadpis sekcí H2

Gordita Light, Velká písmena, 35px, 1.3em, #333333

Nadpis 3

Střední nadpis H3

Gordita Light, Velká písmena, 30px, 1.3em, #e3c7af

Nadpis 4

Malý nadpis H4

Gordita Light, Velká písmena, 22px, 1.3em, #333333

Speciální nadpis

Speciální nadpis
Waterfall Regular, Velká písmena, 50px, 1.3em, #333333

Odstavec

Toto je krátký výplňový odstavec. Obsahuje text, který nám pomáhá představit si, jak se bude písmo zobrazovat na webu. V tomto odstavci je zobrazen běžný text, tučně zvýrazněný text a odkaz, který na webu vypadá takto: Když kliknete tady, otevře se vám nové okno.

Quicksand 18px, 1.7em, #333333

Quicksand, 18px, 1.7em, #cfb4a8

Odrážkový seznam

  • Jarčiny Květiny
  • Kovové dekorace
  • Keramika

Quicksand, 18px, 1.7em, #333333, Čtvercové odrážky

Hlavní nadpis H1

Nadpis sekcí H2

Střední nadpis H3

Malý nadpis H4

Speciální nadpis

Toto je krátký výplňový odstavec. Obsahuje text, který nám pomáhá představit si, jak se bude písmo zobrazovat na webu. V tomto odstavci je zobrazen běžný text, tučně zvýrazněný text a odkaz, který na webu vypadá takto: Když kliknete tady, otevře se vám nové okno.

  • Jarčiny Květiny
  • Kovové dekorace
  • Keramika

Hlavní nadpis H1

Nadpis sekcí H2

Střední nadpis H3

Malý nadpis H4

Speciální nadpis

Toto je krátký výplňový odstavec. Obsahuje text, který nám pomáhá představit si, jak se bude písmo zobrazovat na webu. V tomto odstavci je zobrazen běžný text, tučně zvýrazněný text a odkaz, který na webu vypadá takto: Když kliknete tady, otevře se vám nové okno.

  • Jarčiny Květiny
  • Kovové dekorace
  • Keramika

03. Moduly

V této části průvodce najdete navržený design pro nejpoužívanější moduly v Divi. Můžete si vytvořit několik verzí pro každý modul. Vytvořený styl pak můžete uložit jako globální preset. 

Typ

HLavní

Vedlejší

Doplňkové

Upoutávka

Tady napište Titulek

Toto je krátká ukázka upoutávky, která se skládá z obrázku nebo ikony, nadpisu a krátkého textu. 

Tady napište Titulek

Toto je krátká ukázka upoutávky, která se skládá z obrázku nebo ikony, nadpisu a krátkého textu. 

Tady napište Titulek

Toto je krátká ukázka upoutávky, která se skládá z obrázku nebo ikony, nadpisu a krátkého textu. 

Přihlášení k odběru

kontaktní formulář

Kontaktní formulář

8 + 3 =

Napište mi zprávu

12 + 7 =

obrázek

výzva k akci

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Oddělovač

Osoba

Jméno příjmení

Jméno příjmení

Pozice

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

 

Přepínač

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Tady napište Titulek

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Reference

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Karolína Křížová

Webový Designer, OSVČ

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Karolína Křížová

Webový Designer, OSVČ

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Karolína Křížová

Webový Designer, OSVČ

Video

Rozbalovací záložky

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

blog