Een kleurenschema is de bewuste set kleuren die een ontwerp samen gebruikt. Meestal is er een hoofdkleur die het merk draagt, een of twee ondersteunende kleuren, en een handvol accenten voor dingen als knoppen, links en waarschuwingen. Het draait om consistentie: dezelfde kleuren komen overal terug in plaats van per pagina willekeurig gekozen te worden.
Zie het als een outfit. Een paar stukken die duidelijk bij elkaar horen oogt doordacht, terwijl elke kleur die je bezit door elkaar gooien chaotisch oogt. Een goed schema geeft een product datzelfde verzorgde gevoel, en elke kleur is vastgelegd met een exacte kleurcode zodat hij niet afwijkt. Veel teams maken ook een apart schema voor donkere modus, zodat de ervaring zowel licht als donker overeind blijft. Er zijn vaste manieren om er een op te bouwen. Een monochroom schema gebruikt tinten van één kleur. Een complementair schema combineert kleuren van tegenovergestelde kanten van de kleurcirkel voor een gewaagder geheel. De meeste producten zitten ergens ertussen: één sterke merkkleur, een paar neutrale tinten voor tekst en achtergronden, en één accent dat aangeeft waarop je wilt klikken. Soberheid leest als kwaliteit.
Een schema gaat niet alleen over mooi ogen. De verhouding tussen kleuren bepaalt of tekst leesbaar is, en daarom wordt het contrast tussen voor- en achtergrond getoetst aan toegankelijkheidsnormen. Een prachtig palet dat zakt op leesbaarheid is alsnog kapot.
Bij TopDevs bouwen we het kleurenschema van een klant één keer in het design system in, zodat elke nieuwe pagina en feature on-brand en leesbaar blijft zonder dat iemand hoeft te gokken.
