Paleta farieb na marketingový web






Táto paleta je navrhnutá tak, aby zabezpečila dobrý kontrast (WCAG AA) pre biely text na pozadí headeru (Modrá) a tlačidlách (Zelená).

Funkcia / FarbaHEX KódRola na WebeKontrast s Bielym Textom
Primárna / Dôvera (Modrá)#245BA6Pozadie Headeru a iných veľkých plôch. (Tmavší odtieň, ktorý pôsobí seriózne a zabezpečuje kontrast.)5.45:1 (WCAG AA Spĺňa)
Sekundárna / Akcia (Zelená)#19A84FTlačidlá a CTA prvky. (Dynamická farba signalizujúca rast a úspech.)4.97:1 (WCAG AA Spĺňa)
Akcent / Inovácia (Žltá)#FFC72CIkonky, drobné akcenty, podčiarknutia. (Optimistická farba, no nepoužívať na rozsiahle plochy.)1.70:1 (WCAG AAA Nespĺňa - NIKDY nepoužívať biely text na tejto žltej!)
Konverzný Akcent (Červená)#E33333Mimoriadne konverzné prvky (napr. časovo obmedzená ponuka, dôležité upozornenie).4.71:1 (WCAG AA Spĺňa)

Kľúčové Poznámky k Použitiu Farieb

  1. Modrá pre Header (#245BA6)

    • Tento odtieň je dostatočne tmavý, aby na ňom biely text vyzeral čisto a profesionálne. Je to stabilný základ, ktorý evokuje dôveru.

  2. Zelená pre Tlačidlá (#19A84F)

    • Ide o jasnú, ale dostatočne tmavú zelenú, ktorá symbolizuje "napredovanie" a "rast" – ideálne pre marketingovú firmu. Vďaka dostatočnému kontrastu s bielym textom budú tlačidlá funkčné a pútavé.

  3. Žltá pre Ikonky (#FFC72C)

    • Táto svetlá, optimistická žltá prinesie do dizajnu energiu a modernosť.

    • POZOR: Je kľúčové, aby táto žltá slúžila len ako akcent (ikonky, grafické prvky), nie ako farba pozadia pre text. Ak potrebujete na nej text, prípadne použite čierny, ale len ak je to nevyhnutné

  4. Červená pre Konverziu (#E33333)

    • Mierne tlmený, ale výrazný odtieň červenej. Použitie len na výnimočné akcie (napr. tlačidlo "Kúpte teraz so zľavou 50%"). Vďaka svojmu kontrastu funguje biely text aj na nej.

Táto kombinácia štyroch dynamických farieb vytvorí dojem optimistickej, spoľahlivej a výsledkovo orientovanej marketingovej firmy.