Preskočiť na hlavný obsah

Farby a písma webu: nastavenie značky

Ako vytvoriť jednotný vzhľad celého webu?

Štyri farby a dve písma stačia na dobrý začiatok. V časti Nastavenia → Vzhľad → Značka vyberiete farebnú paletu, písma a prípadne fotografiu či video na pozadie stránky.

Bloky tieto možnosti preberajú ako predvolený štýl. Zmena palety sa tak môže prejaviť na celom webe bez úprav jednotlivých sekcií.

Po dokončení nastavenia uložte a výsledok skontrolujte na počítači aj telefóne.

Začnite predpripravenou paletou a kombináciou písiem. Pomáhajú udržať vyvážený pomer medzi nadpismi, textom a pozadím. Vlastné farby nastavujte najmä vtedy, keď už máte jasnú vizuálnu identitu alebo potrebujete doladiť konkrétny odtieň.

Jednotný web sa používa ľahšie než stránka, kde každá sekcia používa inú sadu farieb.

Farebná paleta

Demona ponúka 23 pripravených paliet, napríklad Modern, Editorial, Bold, Noir, Midnight, Earthy, Pastel, Forest, Ocean, Mono, Terracotta, Olive, Plum, Petrol, Slate, Espresso, Coral, Saffron, Cobalt, Signal, Mint, Blush a Oxblood.

Každá paleta má štyri hlavné roly:

  • Pozadie: základná farba pod obsahom.
  • Text: farba odsekov a nadpisov.
  • Akcent: odkazy, tlačidlá a dôležité prvky.
  • Tlmená farba: nenápadné plochy, okraje a sekundárne pozadia.

V pokročilých nastaveniach môžete pre všetky štyri roly zadať vlastné farebné kódy. Ak neskôr vyberiete pripravenú paletu, Demona vás pred prepísaním vlastných farieb upozorní.

Skontrolujte kontrast textu

Aj pekný text je zbytočný, ak sa nedá prečítať. Pre bežný text štandard WCAG AA spravidla vyžaduje pomer kontrastu aspoň 4,5 : 1.

Pri vlastných farbách Demona kontroluje kontrast textu a pozadia vrátane svetlých, tmavých a tlmených plôch. Ak kombinácia nevyhovuje, zobrazí upozornenie a môže ponúknuť automatickú opravu na podobný, no čitateľnejší odtieň.

Nespoliehajte sa len na vlastný monitor: drobný text, tlačidlá aj odkazy kontrolujte na mobile.

Písma pre nadpisy a odseky

Začať môžete piatimi hotovými kombináciami: Editorial, Classic, Warm, Elegant a Modern. Každá spája nadpisové a textové písmo.

Pri voľbe Vlastné si môžete vybrať dve písma samostatne z 41 rodín. Vyhľadávať sa dá podľa názvu a filtrovať podľa štýlu serif, sans-serif alebo display. Pokojne použite tú istú rodinu v nadpisoch aj odsekoch.

Písma sa poskytujú z vlastného webu bez nutnosti externého načítania zo služby tretej strany.

Tip: na dlhšie texty zvoľte čitateľné písmo a výrazne dekoratívne štýly nechajte na krátke nadpisy.

Obrázok alebo video na pozadie webu

Voliteľne môžete nastaviť spoločné vizuálne pozadie verejných stránok. Fotografia a video sa navzájom vylučujú: aktiváciou jedného odstránite druhé nastavenie.

  • Obrázok: vyplní obrazovku; ohniskom určíte, ktorá časť má zostať viditeľná pri orezaní.
  • Video: vyberte MP4 alebo WebM z knižnice alebo vložte priamy odkaz na súbor. Prehráva sa automaticky, bez zvuku a v slučke. Používajte skôr krátky pokojný záber.
  • Tmavé prekrytie: vrstva na pozadí pomáha udržať text čitateľný.

Vo väčšine prípadov postačí jednoduché pozadie. Veľké obrázky a videá môžu zvyšovať čas načítania a odvádzať pozornosť.

Rohy a tiene obrázkov

V nastaveniach obrázkov môžete použiť rovnaký štýl fotografií na celom webe:

  • Rohy: ostré, mierne zaoblené alebo výrazne zaoblené.
  • Tieň: bez tieňa alebo s jemným tieňom.
  • Predvolené správanie: jednotlivé bloky si zachovajú pôvodný vzhľad, ak nie je nastavené inak.

Blok môže mať aj vlastné nastavenia rámika. Ak chcete upraviť jedinú sekciu, zmeňte jej nastavenie, nie celý web. Podrobnosti nájdete v návode Vzhľad blokov.

Časté otázky o farbách a písmach

Rady, keď máte vlastnú značku alebo chcete doladiť výsledný vzhľad.

CENTRUM POMOCI

Farby sú nastavené. Teraz pripravte navigáciu.

Zvoľte štýl hlavičky, usporiadajte menu a pomôžte ľuďom rýchlo nájsť dôležité informácie.