Een merkstijlgids (brand style guide of brand guideline) is het naslagwerk dat alle visuele regels van een merk in één document bundelt: hoe het logo gebruikt wordt, welke kleuren geldig zijn, hoe de typografie wordt toegepast en wat je vooral niet mag doen. Een goede stijlgids haalt de merkidentiteit uit het hoofd van één ontwerper en maakt er een toegankelijk, reproduceerbaar systeem van. In dit artikel laat ik zien hoe je zo'n gids vanaf nul opbouwt: met welke onderdelen en met welk detailniveau.
Waar dient een stijlgids voor?
Een merk wordt niet door één persoon toegepast, maar na verloop van tijd door velen. Een socialmediabeeld, een factuur, een website, een bord of een advertentie komen uit verschillende handen. Zonder geschreven regels kiest iedereen de logokleur net iets anders, de ruimte net iets anders en het lettertype naar eigen smaak — en zo valt het merk langzaam uiteen. Een stijlgids voorkomt dat:
- Consistentie: bij elk contactpunt ziet het merk er hetzelfde uit, wat herkenning en vertrouwen opbouwt.
- Snelheid: bij een nieuw ontwerp of nieuwe content zijn de keuzes al gemaakt; je hoeft niet vanaf nul te discussiëren.
- Overdraagbaarheid: een nieuw teamlid, bureau of drukker kijkt in het document en blijft trouw aan het merk.
Je kunt de gids publiceren als pdf, als een gedeelde pagina (Figma, Notion) of als een eenvoudige webpagina. Niet het formaat telt, maar dat de inhoud helder is en met voorbeelden wordt onderbouwd.
Regels voor logogebruik
Het hart van de gids is meestal het logo-onderdeel, want daar worden de meeste fouten gemaakt. Toon eerst alle geldige versies van het logo: de horizontale en verticale lockup, alleen het symbool, varianten voor lichte en donkere achtergronden, en indien nodig een eenkleurige (zwart/wit) versie. Geef bij elk met één zin aan waar het gebruikt wordt.
Twee regels staan in vrijwel elke gids en moeten visueel worden getoond:
- Clear space (veilige ruimte): de minimale ruimte die rond het logo vrij moet blijven. Meestal gedefinieerd ten opzichte van een element van het logo zelf (bijvoorbeeld de hoogte van het symbool of de x-hoogte van een letter), zodat de regel blijft gelden bij vergroten of verkleinen.
- Minimale grootte: de kleinste maat waarop het logo leesbaar blijft (bijvoorbeeld 24px hoogte op het scherm, 15mm breedte in druk). Daaronder valt het logo uit elkaar.
Voeg ook een lijst met verboden gebruik (misuse) toe en laat die met beelden zien: het logo uitrekken, de verhoudingen verstoren, ongeoorloofd de kleur wijzigen, schaduwen of effecten toevoegen, het zonder contrast op een drukke foto plaatsen, of het draaien. "Niet doen"-voorbeelden zijn vaak overtuigender dan lange uitleg.
Kleurenpalet en kleurcodes
Het kleuronderdeel definieert de merkkleuren met exacte waarden voor zowel scherm als druk. Wil je hetzelfde blauw op het web en in een brochure identiek tonen, dan moet je elke kleur in verschillende kleurruimtes vastleggen:
- HEX en RGB — digitaal (web, app, scherm).
- CMYK — druk (brochure, visitekaartje, bord).
- Indien nodig Pantone (PMS) — referentie voor speciaal drukwerk en eenkleurige toepassingen.
Orden het palet naar rol: een of twee hoofdkleuren, een accentkleur en enkele neutrale tinten (voor tekst en achtergrond). Aan de webkant is het praktisch om deze kleuren als variabelen vast te leggen, zodat document en code één bron delen:
:root {
--brand-primary: #1f6feb; /* hoofdtint */
--brand-accent: #ffb020; /* accent */
--brand-ink: #11151c; /* tekst */
--brand-paper: #f7f8fa; /* achtergrond */
}Maak ook toegankelijkheid onderdeel van de regel: het contrast tussen tekst en achtergrond is cruciaal voor leesbaarheid. WCAG adviseert minstens 4.5:1 contrast voor normale tekst. Geef in de gids duidelijk aan welke kleurcombinaties voor tekst gebruikt mogen worden en welke alleen decoratief zijn.
Typografieregels
Het typografie-onderdeel definieert de lettertypen van het merk en hoe je ze gebruikt. Som eerst de lettertypen op: één voor koppen en één voor de bodytekst (meestal volstaan twee). Heb je voor web en druk verschillende fonts nodig, vermeld dan ook de equivalenten. Geef vervolgens een typografische schaal, zodat elke pagina dezelfde hiërarchie toont:
- Lettertypefamilies: namen, gewichten (light/regular/bold) en licentie-informatie.
- Hiërarchie: grootte- en gewichtwaarden voor kop, subkop, body en kleine tekst.
- Regelhoogte en witruimte: details die de leesbaarheid bepalen maar vaak worden overgeslagen.
Voor het web is het een goede gewoonte om ook de typografie aan code te koppelen:
:root {
--font-head: "Sora", system-ui, sans-serif;
--font-body: "Inter", system-ui, sans-serif;
--step-h1: 2rem; /* 32px */
--step-h2: 1.5rem; /* 24px */
--step-body: 1rem; /* 16px */
--leading-body: 1.6;
}Let op licenties bij lettertypen: bronnen als Google Fonts zijn gratis voor web en de meeste commerciële toepassingen, maar als je een font hebt gekocht, noteer dan de gebruiksomvang in de gids zodat het team niet per ongeluk buiten de licentie treedt.
Hulpelementen en tone of voice
Logo, kleur en typografie vormen de kern, maar enkele extra onderdelen maken de gids compleet. Afhankelijk van het merk kun je toevoegen:
- Iconografie: de iconenstijl (lijn of vlak, hoekradius, lijndikte), zodat iconen uit verschillende bronnen één geheel vormen.
- Foto-/illustratiestijl: voorbeelden van welke toon en sfeer in beeldmateriaal gebruikt worden.
- Witruimte en grid: de basismaat voor lay-out (bijvoorbeeld een systeem op basis van 8px).
- Tone of voice: hoe het merk spreekt — met "zo zeggen we het / zo niet"-voorbeelden.
Deze onderdelen maken van het merk niet alleen iets dat er "goed uitziet", maar iets dat ook "goed voelt". De sleutel tot consistentie is alles te voeden vanuit dezelfde persoonlijkheid (de drie tot vijf kernwoorden van het merk).
De gids levend houden
Een stijlgids is geen document dat af is op de dag dat je het schrijft. Naarmate het merk groeit, ontstaan nieuwe situaties: een nieuw socialmediaplatform, een nieuw product, een nieuwe taal. Zet een versienummer en datum op de gids, leg wijzigingen vast en bewaar het bestand op één plek waar het team er gemakkelijk bij kan. Het principe van één bron (single source of truth) geldt ook hier: iedereen kijkt naar hetzelfde, actuele document.
Het doel van een gids is niet om regels als een strenge politieagent op te leggen, maar om de onzekerheid weg te nemen bij het bouwen van een consistent, sterk en herkenbaar merk. Duidelijke regels maken creativiteit paradoxaal genoeg makkelijker, want de basiskeuzes zijn gemaakt en je energie kan naar het eigenlijke werk.
Veelgestelde vragen
Zijn een merkstijlgids en een merkidentiteit hetzelfde?
Nee. De merkidentiteit is het geheel van elementen zoals logo, kleur, typografie en tone of voice; de stijlgids is het regelbestand dat documenteert hoe je die elementen gebruikt. De identiteit beantwoordt "wat", de gids beantwoordt "hoe".
Is een uitgebreide gids nodig voor een klein merk?
Nee, de omvang schaalt mee met het merk. Voor een klein merk maakt zelfs een document van enkele pagina's met logovarianten, clear space, kleurcodes en een typografische schaal al een groot verschil. Niet het aantal pagina's telt, maar de helderheid van de regels.
In welk formaat maak ik de gids?
Dat hangt af van het merk en het team. Een pdf is makkelijk te delen; een levende pagina als Figma of Notion maakt updaten eenvoudig; een webpagina is een directe referentie voor het webteam. In de meeste gevallen werkt een combinatie van een pdf plus een gedeeld levend bestand goed.
Heb je voor jouw merk een stijlgids vanaf nul nodig? Ik giet logogebruik, kleurcodes en typografieregels in een consistent, bruikbaar document, zodat je team de merkstandaard moeiteloos volgt. Neem contact met me op om je project te bespreken.