Stel je voor: je opent een website, en alles ziet er mooi uit.
▶Inhoudsopgave
Mooie kleuren, een strak logo, leuke foto’s. Maar dan begin je te lezen… en je ogen durven amper te landen. Alles lijkt even belangrijk. Geen structuur. Geen ademruimte. Geen richting.
Wat er dan gebeurt? Je klikt weg. Niet omdat het verhaal slecht is — maar omdat de tekst je niet meenemee.
En dat, vriend, is een typografisch drama. Typografische hiërarchie is geen technisch jargonterm voor nerds met een lettertype-obsessie.
Het is dé manier waarop je bezoekers — klanten, lezers, potentiële opdrachtgevers — letterlijk zien wat belangrijk is. En wat niet. Zonder dat ze er iets vanaf hoeven te weten.
Wat is typografische hiërarchie eigenlijk?
Kort gezegd: het is de volgorde waarin mensen jouw tekst lezen. Niet wat jij schrijft, maar hoe jij het presenteert.
Want mensen lezen niet — ze scannen. Onderzoek van het Nielsen Norman Group toont aan dat gemiddeld maar 20 procent van de tekst daadwerkelijk wordt gelezen. De rest? Die wordt overvlogen. Dus als je wilt dat jouw boodschap landt, moet je de ogen van je lezer sturen. En dat doe je met hiërarchie. Met grootte. Met dikte. Met witruimte. Met kleur. Met lettertypekeuze.
Waarom typografie je merk sterker maakt (of breekt)
Je merk is meer dan een logo. Het is een gevoel. Een stemming. Een belofte.
En typografie speelt daarin een gigantische rol — vaak onbewust. Denk eens aan merken als Apple, of het Nederlandse ontwerpbureau Concreet Geeft Vorm.
Hun typografie voelt bewust, helder, betrouwbaar. Niet omdat ze per se het “mooiste” font gebruiken, maar omdat alles samenhangt. De letters vertellen hetzelfde verhaal als het logo, de kleuren en de toon.
Maar kies je het verkeerde lettertype? Of zet je alles in hetzelfde gewicht?
De psychologie achter lettertypes
Dan valt het verhaal uit elkaar. Alsof iemand in een pak praat tijdens een casual borrel. Het klopt gewoon niet. Elk font heeft een persoonlijkieid.
Een serif-lettertype — zoals Times New Roman of Georgia — voelt traditioneel, betrouwbaarder, soms zelfs wat formeel.
Een sans-serif zoals Helvetica of Inter voelt modern, schoon, toegankelijk. En een scriptfont? Dat kan elegant zijn, maar ook kinderlijk — afhankelijk van de context. Uit onderzoek van 2social blijkt dat consumenten lettertypes vaak onbewust associëren met eigenschappen als betrouwbaarheid, innovatie of zelfs luxe.
Dus als je merk “duurzaam en authentiek” wil uitstralen, kies je niet zomaar een futuristisch displayfont. Dat werkt tegen je in.
De drie lagen van typografische hiërarchie
Goede hiërarchie werkt in lagen. Denk aan een nieuwskop: er is een hoofdtekst, een tussenkop, en dan de kleinere details.
1. Primaire hiërarchie: de aandachtstrekker
Op websites en in branding werkt dat hetzelfde. Dit is je H1. Je grootste, dikste, meest opvallende tekst.
Meestal maar één per pagina. Het moet in één oogopslag duidelijk maken waar het over gaat. Geen poezie. Geen dubbelzinnigheid.
2. Secundaire hiërarchie: de structuur
Gewoon: “Dit is wat je hier vindt.” Tip: houd het onder de 10 woorden. En zorg dat het lettertype contrasteert met de rest — qua grootte, gewicht of kleur. Hier komen je H2’s en H3’s.
Tussenkopjes die de tekst opbreuken in logische blokken. Ze geven richting. Ze zeggen: “Lees dit als je meer wilt weten.”
Veel mensen maken de fout om alles even groot te maken. Maar juist het verschil in grootte — bijvoorbeeld 24px voor H2 en 18px voor H3 — maakt dat het oog rust vindt en weet waar het heen moet. Dit is je bodytekst. De lopende tekst. De uitleg. Het verhaal.
3. Tertiaire hiërarchie: de details
Hier gaat het om leesbaarheid. Geen gekke lettertypes. Geen te kleine letters.
Een goede regel: minimaal 16px voor webtekst, en een regelafstand van 1,5 tot 1,6 keer de lettergrootte.
En witruimte? Die is je beste vriend. Niet alles opdringen. Laat tekst ademen. Een marge van minimaal 20px rondom tekstblokken maakt al een wereld van verschil.
Veelgemaakte fouten (en hoe je ze vermijdt)
Zelfs ervare designers struikelen hierover. Hier zijn de grootste valkuilen:
Te veel lettertypes. Maximaal twee, liefst drie. Meer wordt rommelig. Kies bijvoorbeeld één font voor koppen en één voor bodytekst. Dat is genoeg. Geen contrast. Alles in regular gewicht? Dan valt er niets op.
Gebruik bold voor koppen, regular voor tekst, en misschien italic voor accenten. Maar niet alles tegelijk.
Te klein, te dicht. Als je lezer moet knijpen om tekst te lezen, heb je al verloren.
Test altijd op mobiel — daar is alles kleiner, en daar lezen de meeste mensen.
Typografie als merktool: het verschil maken
Goede typografische hiërarchie is geen luxe. Het is essentieel. Vooral voor merken die serieus genomen willen worden.
Of je nu een freelance bent zoals Anna Ter Haar, of een groot bedrijf — als je tekst niet werkt, werkt je merk niet. Denk eraan: mensen beoordelen binnen 50 milliseconden of ze op je website blijven. En typografie is een van de eerste dingen die ze zien.
Niet bewust, maar wel degelijk. Dus neem de tijd. Kies bewust. Test.
En zorg dat je tekst niet alleen iets zegt — maar ook voelt.
Want uiteindelijk draait branding om vertrouwen. En vertrouwen begint met helderheid.