Kleuren en lettertypes bepalen voor een groot deel hoe je website overkomt. Ze zorgen voor sfeer, herkenning en, minstens zo belangrijk, voor leesbaarheid. Toch worden ze vaak in een opwelling gekozen, met een onrustig resultaat als gevolg. In deze gids geef ik je een praktische keuzehulp voor een rustig kleurenpalet en leesbare lettertypes die bij je bedrijf passen en op elk scherm goed blijven werken, zonder dat je daar een ontwerpbureau voor nodig hebt.
Waarom kleur en letter zo bepalend zijn
Binnen een paar seconden vormt een bezoeker een oordeel over je site, en kleur en typografie spelen daar een grote rol in. Een rustige, samenhangende keuze wekt vertrouwen, terwijl een wirwar aan kleuren en lettertypes amateuristisch overkomt. Het mooie is dat goede keuzes hier niets hoeven te kosten; het draait om smaak en discipline, niet om budget.
Kleur en letter horen ook bij je bredere uitstraling. In de gids over huisstijl en logo met een klein budget zie je hoe ze samen met een eenvoudig logo een herkenbaar geheel vormen.
Een rustig kleurenpalet samenstellen
Begin met een hoofdkleur die past bij je bedrijf en het gevoel dat je wilt oproepen. Voeg daar een accentkleur aan toe voor knoppen en belangrijke elementen, en een neutrale tint voor tekst en achtergronden. Met deze drie kom je een heel eind.
- Een hoofdkleur die je merk een gezicht geeft.
- Een accentkleur die de aandacht trekt waar dat nodig is.
- Een neutrale tint, vaak een zacht grijs of gebroken wit, voor rust.
Houd het beperkt. Te veel kleuren maken een site onrustig en juist minder professioneel. Een consequent, klein palet dat overal terugkomt, oogt verzorgder dan een bonte verzameling.
Let op contrast en leesbaarheid
Mooie kleuren zijn waardeloos als je tekst onleesbaar wordt. Zorg daarom voor voldoende contrast tussen je tekst en de achtergrond. Donkere tekst op een lichte achtergrond werkt bijna altijd het prettigst en is bovendien toegankelijker voor mensen die minder goed zien.
Goed contrast is een belangrijk onderdeel van een toegankelijke site. In het artikel de basis van een toegankelijke website lees je waar je verder op let, zodat iedereen je site prettig kan gebruiken, ook in fel daglicht op een telefoon.
Twee lettertypes die samenwerken
Voor de typografie kies je idealiter twee lettertypes: een voor de koppen en een voor de lopende tekst. Ze moeten genoeg verschillen om hiërarchie te geven, maar wel bij elkaar passen. Gratis, professionele webletters zijn ruim voorhanden, dus dit hoeft niets te kosten.
Gebruik liever verschillende diktes van dezelfde letter dan een hele rits aan verschillende lettertypes. Dat houdt het rustig en zorgt dat je tekst prettig leest. En leesbaarheid telt: de beste teksten komen pas tot hun recht als ze fijn ogen, iets wat ook terugkomt in het artikel over goede teksten voor je website.
Goed blijven werken op elk scherm
De meeste bezoekers komen tegenwoordig via een telefoon. Je kleuren en lettertypes moeten daar net zo goed werken als op een groot scherm. Test daarom altijd op mobiel: zijn de letters groot genoeg, is het contrast voldoende, en blijft alles rustig?
Een opzet die op elk scherm goed werkt, is geen luxe maar noodzaak. In het artikel over een mobielvriendelijke website lees je waarom dit zo belangrijk is en hoe je controleert of je site het op een telefoon goed doet.
Zelf doen of uitbesteden?
Een palet en lettertypes kiezen kun je goed zelf doen, zeker met de hulpmiddelen die er gratis zijn. Wil je zekerheid dat de keuzes professioneel uitpakken en overal consequent worden toegepast, dan is een bouwer het overwegen waard.
Bij het bouwen van een bedrijfswebsite of een eenvoudige one-page website worden je kleuren en lettertypes meteen netjes door de hele site verwerkt, zodat het er overal hetzelfde uitziet. Niet zeker welke combinatie bij je past? Stuur kort wat je in gedachten hebt en je krijgt een eerlijk advies, geen verkooppraat.
Veelgestelde vragen
Hoeveel kleuren heb ik nodig voor mijn site?
Voor een rustige, professionele site heb je vaak genoeg aan drie kleuren: een hoofdkleur, een accentkleur voor knoppen en aandacht, en een neutrale tint voor tekst en achtergrond. Met een beperkt palet dat overal terugkomt, oogt je website verzorgd en overzichtelijk.
Welke lettertypes kies ik het beste?
Kies twee lettertypes die goed samengaan: een voor de koppen en een voor de lopende tekst. Belangrijk is dat ze op elk scherm prettig leesbaar zijn. Gratis, professionele webletters zijn ruim voorhanden, dus dit hoeft niets te kosten.
Maakt kleur uit voor de leesbaarheid?
Zeker. Zorg voor voldoende contrast tussen tekst en achtergrond, anders wordt je site moeilijk leesbaar, vooral op een telefoon of in fel licht. Donkere tekst op een lichte achtergrond werkt bijna altijd het prettigst en is ook toegankelijker.
Kan ik kleuren en lettertypes later nog veranderen?
Dat kan, maar het is slim om vooraf goede keuzes te maken. Kleuren en lettertypes zitten in je hele site verweven, dus een wijziging raakt veel pagina's. Begin daarom met een palet en lettertypes die je een paar jaar mee wilt, zodat je niet steeds aanpassingen hoeft te laten doen.
Verder in de kennisbank: Huisstijl en logo met een klein budget · Je merkverhaal helder op papier krijgen · Favicon en deelvoorbeeld goed instellen