Vo Webnode je možné vybrať jednu zo systémovo predvolených farieb, ktorá sa bude zobrazovať napríklad v menu, v zoznamoch, nadpisoch a ďalších grafických prvkoch. Ale tento výber je veľmi obmedzený a je veľmi nepravdepodobné, že v ňom nájdete presne ten odtieň, ktorý vám odporučil grafik v manuále značky. Vďaka kódom ho však môžete nastaviť relatívne jednoducho.

Aké sú obmedzenia pri nastavení vlastnej farby?

Webnode správne nevypočíta "chytré farby" pre pozadie sekcií. V takom prípade bude potrebný ďalší kód, alebo pozadie nahrávať ako obrázky.

Na čo si dať pozor pri výbere farby

Jednoznačne na farebný kontrast. Je potrebné, aby bolo písmo čitateľné, nech je na akomkoľvek podklade. Kontrast dokáže vypočítať už aj prehliadač, alebo môžete využiť tieto nástroje:

• coolors.co/contrast-checker
• color.adobe.com/create/color-contrast-analyzer

Ako nastaviť vlastnú farbu brandu vo Webnode

1. Budeme potrebovať nielen HEX kód, ale aj RGB kód farby značky.

Ak máte farieb viac, napíšte mi správu a pripravím komplexnejší kód.

Kódy farieb dostanete od grafika v manuále značky. Ak si farbu vyberáte sami, odporúčam službu coolors, kde si môžete vygenerovať celú tapetu, vrátane odtieňov. Ďalším dobrým zdrojom je knižnica nástroja Figma, Adobe Colors a mnohé ďalšie.

2. Do HTML hlavičky v nastaveniach celého webu vložte tento kód:

<style>
:root {
--ac-color: #XXXXXX!important;
--ac-color-rgb: XX, XX, XX!important;
}
</style>

3. Nahraďte:

• XXXXXX kódom HEX vami vybranej farby,
• XX, XX, XX RGB kódom vybranej farby.

4. Zmeny uložte a publikujte.

5. Hotovo 💅