Na webu svaka boja ima svoju ulogu: pozadina, tekst, gumbi, poveznice i upozorenja. Ovih 12 paleta osmišljeno je upravo za to, sa svijetlom ili tamnom pozadinom, čitljivom bojom teksta i naglaskom za gumbe. HEX kodove kopiraj izravno u CSS ili u svoj web uređivač.
Čista plava za SaaS
Gotovo bijela pozadina, vrlo tamnoplavi tekst i gumbi u živoj plavoj.
Odmjerena korporativna
Za odvjetničke urede, savjetodavne tvrtke ili industrijska poduzeća.
Topla web trgovina
Narančasta ističe gumbe za kupnju na toploj pozadini.
Tamni način sa zelenom
Tamne pozadine u slojevima, svijetli tekst i zeleni naglasak za akcije.
Prirodna i organska
Za trgovine prirodnim proizvodima, vrtlarstvo ili wellness.
Dominantnu boju (obično pozadinu) upotrijebi na otprilike 60 % stranice, sporednu boju na 30 % (sekcije, kartice, zaglavlje), a naglasak na preostalih 10 %. Naglasak sačuvaj za gumbe i poveznice kako bi korisnik znao gdje kliknuti.
Provjeri kontrast teksta
Pravila pristupačnosti WCAG zahtijevaju za običan tekst kontrast od najmanje 4,5:1. Svijetlosiva na bijeloj izgleda elegantno, ali se teško čita, osobito na mobitelu na suncu. Prije objave upotrijebi alat za provjeru kontrasta.
Odredi boje za stanja i upozorenja
Osim boja brenda, webu su potrebne boje za pogreške (crvena), uspjeh (zelena) i upozorenja (žuta ili narančasta). Odaberi nijanse koje se slažu s tvojom paletom i u obrascima i porukama koristi ih uvijek jednako.
