Na vebu svaka boja ima svoju ulogu: pozadina, tekst, dugmad, linkovi i upozorenja. Ovih 12 paleta osmišljeno je upravo za to, sa svetlom ili tamnom pozadinom, čitljivom bojom teksta i akcentom za dugmad. HEX kodove kopiraj direktno u CSS ili u svoj veb editor.
Čista plava za SaaS
Gotovo bela pozadina, veoma tamnoplavi tekst i dugmad u živoj plavoj.
Odmerena korporativna
Za advokatske kancelarije, konsultantske firme ili industrijska preduzeća.
Topla onlajn prodavnica
Narandžasta ističe dugmad za kupovinu na toploj pozadini.
Tamni režim sa zelenom
Tamne pozadine u slojevima, svetli tekst i zeleni akcenat za akcije.
Prirodna i organska
Za prodavnice prirodnih proizvoda, baštovanstvo ili velnes.
Dominantnu boju (obično pozadinu) iskoristi na otprilike 60 % stranice, sporednu boju na 30 % (sekcije, kartice, zaglavlje), a akcenat na preostalih 10 %. Akcenat sačuvaj za dugmad i linkove kako bi korisnik znao gde da klikne.
Proveri kontrast teksta
Pravila pristupačnosti WCAG zahtevaju za običan tekst kontrast od najmanje 4,5:1. Svetlosiva na beloj izgleda elegantno, ali se teško čita, naročito na mobilnom telefonu na suncu. Pre objavljivanja iskoristi alat za proveru kontrasta.
Odredi boje za stanja i upozorenja
Osim boja brenda, sajtu su potrebne boje za greške (crvena), uspeh (zelena) i upozorenja (žuta ili narandžasta). Izaberi nijanse koje se slažu sa tvojom paletom i u formularima i porukama koristi ih uvek isto.
