Typografie is geen decoratie. Het is de stem van je merk.
▶Inhoudsopgave
Als je het niet vastlegt, wordt die stem snel verward — en verlies je herkenbaarheid.
Dit artikel legt uit hoe je typografieregels helder en toepasbaar opneemt in je merkstijlgids, zodat iedere die met je merk werkt precies weet wat er wel en niet mag.
Waarom typografieregels in je merkstijlgids belangrijk zijn
Een merkstijlgids zonder typografie is als een huiskamerkast zonder ordening: je weet dat alles erin zit, maar vindt niets snel terug. Typografie bepaalt hoe je merk overkomt op kleur, toon en professioneel gehalte.
Als je dat niet vastlegt, kiest iedereen zelf — en dat leidt tot een inconsistente merkuitstraling.
Denk aan het verschil tussen een nieuwsbrief van Apple en een flyer van een willekeurige supermarkt. Dat verschil begint met typografie. Het is daarom essentieel om typografie niet over te laten aan toeval of persoonlijke voorkeuren.
Wat merken als Apple en Spotify goed doen
Apple gebruikt het lettertype San Francisco, dat specifiek voor hen is ontwikkeld. Spotify werkt met Circular, een strak en modern typeface.
Beide merken specificeren in hun brand guidelines precies welke lettertypes, gewichten en formaten waar gebruigd worden. Dat is geen toeval — dat is strategie.
Welke typografie-elementen vastleggen in je merkstijlgids?
Niet alles hoeft tot in detail beschreven te worden, maar sommige elementen zijn cruciaal. Hieronder vind je de belangrijkste onderdelen die je opneemt in je typografieregels.
Kies maximaal twee of drie lettertypes
Een primair lettertype voor koppen en nadruk, een secundair lettertype voor bodytekst, en eventueel een display- of accentlettertype voor bijzondere uitingen.
Meer dan drie lettertypes maken je merk onoverzichtelijk. Houd het beperkt en duidelijk. Leg je typografieregels vast in je merkstijlgids door bij elk lettertype aan te geven waar het gebruikt wordt: kopteksten, lopende teksten, knoppen, labels of citaten.
Leg lettergrotes en regelafstanden vast
Benoem ook alternatieven als het primaire lettertype niet beschikbaar is, bijvoorbeeld Arial als fallback voor een custom font. H1, H2, H3 — maak een heldere hiërarchie. Geef voor elk niveau aan wat de lettergrootte, regelafstand (line-height) en letterspatiëring (tracking) is. Bijvoorbeeld: H1 op 36 pixels met een line-height van 1.2, H2 op 24 pixels met een line-height van 1.4.
Deze cijfers voorkomen discussies en inconsistentie. Iedereen die met je merk werkt, kan direct de juiste formaten toepassen zonder te hoeven raden.
Bepaal het kleurgebruik voor tekst
Tekstkleur is onderdeel van je typografie. Leg vast welke kleuren gebruikt worden voor koppen, bodytekst, links en hoverstaten.
Gebruik daarbij je merkkleuren, maar let op leesbaarheid. Donkere tekst op een donkere achtergrond werkt niet — tenzij je contrastratio minimaal 4.5:1 hebt, zoals de WCAG-richtlijn schrijft. Benoem ook wanneer je wit of een lichtere tekstkleur gebruikt, bijvoorbeeld op donkere afbeeldingen of gekleurde achtergronden.
Duid alignment en witruimte aan
Links uitlijnen, gecentreerd, of uitgevuld — kies het format en leg het vast.
Voor bodytekst is links uitlijnen in West-Europese talen meestal het meest leesbaar. Gecentreerd werkt voor korte koppen of uitnodigingen, maar niet voor lopende tekst. Geef ook richtlijnen voor witruimte: hoeveel ruimte zit er tussen kopjes en paragrafen, hoe groot is de marge rond een tekstblok? Deze details maken het verschil tussen een slordige en een verzorgde uitstraling.
Praktische tips voor het opstellen van typografieregels
Het opstellen van typografieregels voelt soms als bureaucratie, maar het is juist bevrijdend. Hierdoor hoef je niet elke keer na te denken als je een nieuw ontwerp maakt. Ontdek hoe je typografieregels opneemt in je merkstijlgids voor productmerken en laat zien hoe de typografie in de praktijk werkt.
Gebruik voorbeelden in je merkstijlgids
Neem een voorbeeld van een correcte toepassing op — bijvoorbeeld een visitekaartje of een webpagina — en een foutieve toepassing.
Een visuele vergelijking maakt het verschil direct duidelijk. Toon ook hoe de typografie schaalt op verschillende formaten: desktop, mobiel, drukwerk.
Maak het toepasbaar voor niet-designers
Een kop die goed werkt op een scherm van 27 inch, is op een mobiel scherm misschien te groot. Niet iedereen die met je merk werkt, is een typografie-expert. Schrijf de regels duidelijk en vermeden jargon waar mogelijk.
In plaats van "gebruik een tracking van 20", schrijf "spatiëring: licht verruimd".
Houd rekening met digitale toepassingen
Denk aan marketeers, redacteuren en externe partners. Zij moeten je typografie kunnen toepassen zonder een designopleiding te hebben gevolgd. In digitale omgevingen speelt responsiviteit een grote rol. Verwerk duidelijke typografieregels in je merkstijlgids voor productmerken en leg vast hoe je typografie zich gedraagt op verschillende schermgroten.
Gebruik relatieve eenheden zoals em of rem in plaats van vaste pixels, zodat tekst meeschaalt. Benem ook hoe je omgaat met web fonts: welke lettertypes worden geladen, wat is de fallback-strategie, en hoe zit het met laadtijden? Een mooi lettertype dat lang duurt om te laden, beleeft de gebruikerservaring.
Veelgemaakte fouten bij typografieregels
Zelfs ervaren designers maken fouten. Hier zijn de meest voorkomende, zodat jij ze kunt vermijden.
Te veel lettertypes door elkaar gebruiken
Drie lettertypes is een maximum, geen minimum. Sommige merken werken prachtig met slechts één lettertype in verschillende gewichten. Minder is vaak meer.
Het combineren van een serif met een sans-serif werkt goed, maar het mixen van twee vergelijkbare sans-serifs creëert