Hoeveel kleuren heeft een huisstijl nodig?
Het aantal kleuren dat een huisstijl nodig heeft, is kleiner dan de meeste mensen denken: een basiskleur en een accent.
Daarnaast een paar grijstinten voor tekst en randen, en drie signaalkleuren.
Bij elkaar kom je op een stuk of acht, en dat is genoeg voor een complete website.
De basis
Je hoofdkleur, die je merk draagt. En een accentkleur die opvalt tegen die hoofdkleur, voor je knoppen.
Die twee doen het meeste werk. Meer daarover lees je bij design system.
Het grijs
Drie of vier tinten: donker voor je tekst, middel voor bijschriften, licht voor randen en achtergronden.
Gebruik geen zuiver zwart voor je tekst; dat leest harder dan een donkergrijs.
De signaalkleuren
Rood voor fouten, oranje voor waarschuwingen, groen voor bevestigingen. Die verwachten mensen en daar wijk je niet van af.
Ook niet als je huisstijl toevallig rood is. Meer daarover lees je bij accessibility.
Mijn vuistregels
- Twee merkkleuren, drie of vier grijstinten, drie signaalkleuren.
- Geen zuiver zwart voor lopende tekst.
- Controleer elk paar op contrast.
- Leg per kleur vast waarvoor hij bedoeld is.
Die laatste voorkomt dat je accentkleur na een jaar overal opduikt.
Waarom minder beter is
Omdat een kleur pas opvalt als hij zeldzaam is. Gebruik je vijf kleuren door elkaar, dan trekt je knop geen aandacht meer.
Meer daarover lees je bij call to action.
Varianten afleiden
Van je hoofdkleur kun je een lichtere en een donkerdere versie maken voor hover- en actieve toestanden.
Dat zijn geen nieuwe kleuren maar varianten. Meer daarover lees je bij het verschil tussen hex en RGB.