Ik had een werkende website gebouwd. Alle knoppen deden wat ze moesten doen. Maar als ik ernaar keek, klopte er iets niet. Een collega zei het eerlijk: de kleuren vochten met elkaar en de tekst was moeilijk te lezen.
Wat er daarvoor ontbrak
Ik koos kleuren op gevoel en lettertypen op basis van wat ik mooi vond. Dat is geen strategie, dat is hopen. Na 2 mislukte projecten besloot ik het anders aan te pakken.
Tools die concreet hielpen
Coolors.co voor kleurpaletten, maar dan specifiek de functie die contrastverhoudingen toont. Niet voor esthetiek, maar omdat WCAG AA minimaal een ratio van 4,5:1 vereist voor normale tekst. Dat getal had ik eerder moeten kennen.
Fontpair.co laat combinaties zien die al getest zijn. Ik gebruikte het niet om te kopiëren, maar om te begrijpen waarom bepaalde combinaties werken: gewicht, x-hoogte, contrast tussen serif en sans-serif.
Het verschil in de praktijk
Mijn derde project gebruikte 3 kleuren en 2 lettertypen. Mijn eerste had er 7 van elk. Minder keuzes dwong me om elke keuze te rechtvaardigen.
Type Scale op typescale.com genereerde een consistente hiërarchie op basis van 1 basisgrootte. Dat loste een probleem op dat ik niet eens kon benoemen: waarom mijn koppen nooit goed aanvoelden naast de bodytekst.