Branding

Een huisstijlgids maken die mensen echt gebruiken

De meeste stijlgidsen worden één keer geopend en vergeten. Die werken, zijn kort, tonen elke regel en staan waar mensen ontwerpen. Zo schrijf je er zo een.

GradientlyGeverifieerd Gradiently-account··5 min lezen
Cover: Laurel Seal · GR·WJT2·76

De korte versie

  • Een huisstijlgids is een kort document met regels dat iedereen vertelt hoe je het logo, de kleuren, typografie, achtergronden, beelden en stem van een merk toepast.
  • Gidsen worden gebruikt als ze zijn geschreven als specifieke regels met voorbeelden, niet als beschrijvingen van hoe het merk moet voelen.
  • De meeste kleine merken hebben genoeg aan een gids van één pagina met positionering, stem, logo, kleuren met verhoudingen, typografie, achtergrond en een paar voorbeelden van wel en niet.
  • Elke regel is makkelijker te volgen als hij naast een goed en een fout voorbeeld staat.
  • Een huisstijlgids blijft levend als één persoon hem beheert, hij een datum draagt en zijn regels zijn ingebouwd in de sjablonen die mensen al gebruiken.
Op deze pagina

Een huisstijlgids is een korte set regels waarmee iedereen, van een nieuwe collega tot een freelancer of een AI-assistent, iets kan maken dat eruitziet en klinkt als je merk. Degene die mensen echt gebruiken hebben drie kenmerken: ze zijn kort, ze zijn geschreven als specifieke regels in plaats van beschrijvingen en elke regel is met een voorbeeld getoond. Voor de meeste kleine merken doet één goed gemaakte pagina meer dan een pdf van vijftig pagina’s die niemand opent.

Een stijlgids is de geschreven helft van je identiteit; de merkkit zijn de bestanden. Je hebt beide nodig en ze moeten naar elkaar verwijzen.

Wat in een huisstijlgids hoort

OnderdeelGids van één paginaVolledige gids voegt toe
PositioneringEén zin: wat je doet en voor wieDoelgroepnotities, kernboodschappen
StemDrie woorden, twee voorbeeldzinnenWoordenlijst, woorden om te vermijden, toon per kanaal
LogoHoofdversie en eenkleurige versie, minimale grootte, vrije ruimteCombinaties, co-branding, voorbeelden van misbruik
KleurHexcodes met namen, rollen en aandelenRGB, CMYK, toegankelijke tekstcombinaties
TypografieKop- en broodtekstlettertypen met groottesVolledige typografische schaal, web- en terugvallettertypen
AchtergrondDe kenmerkende ondergrond en zijn vlakke terugvalVariaties per formaat, regels voor textuur
BeeldDrie voorbeeldbeelden en één zinFotobehandeling, regels voor illustratie
Wel en nietVier tot zes parenEén paar per onderdeel
Begin met de middelste kolom. Voeg de rechterkolom pas toe als een echte vraag twee keer opkomt.

Wat je weglaat

  • Lange merkverhalen en essays van de oprichter. Die horen op je Over-pagina, niet in een werkdocument.
  • Waarden als losse woorden zoals “innovatie” en “kwaliteit”. Niemand kan ze toepassen.
  • Elke denkbare tint van elke kleur. Noem de tinten die je echt gebruikt.
  • Pagina’s met logomisbruik dat niemand ooit zou doen. Toon de twee of drie fouten die mensen echt maken.
  • Regels die je niet handhaaft. Elke regel die je negeert leert mensen dat de hele gids optioneel is.

Schrijf regels, geen beschrijvingen

De meest voorkomende fout in stijlgidsen is beschrijving waar instructie hoort. “Ons palet is levendig en optimistisch” zegt een ontwerper niets. “Koraal is alleen voor knoppen en prijzen” vertelt precies wat te doen. Elke regel in je gids moet iets zijn waaraan iemand een ontwerp kan toetsen.

Beschrijving (onbruikbaar)

  • Onze kleuren zijn gedurfd en energiek
  • Onze typografie is modern en strak
  • We gebruiken veel witruimte
  • Onze stem is vriendelijk maar professioneel
  • Foto’s moeten authentiek aanvoelen

Regel (bruikbaar)

  • Nachtblauw beslaat ongeveer 60% van elk ontwerp; koraal is alleen voor knoppen en prijzen
  • Koppen in het displaylettertype op 64 px of groter; broodtekst op 16 px, nooit vet
  • Houd aan elke kant een marge van minstens 8% van de breedte
  • Gebruik samentrekkingen, korte zinnen en geen uitroeptekens
  • Alleen natuurlijk licht, mensen midden in hun bezigheid, geen geposeerde glimlachen naar de camera

Een voorbeeld van een huisstijlgids van één pagina

Hier is een complete gids van één pagina voor een verzonnen bakkerij. Hij past op één scherm en beantwoordt de meeste vragen die een freelancer zou stellen.

text
CORNER LOAF: BRAND STYLE GUIDE (v1.2, updated October 2026, owner: Sam)

WHO WE ARE
The neighbourhood bakery that bakes overnight in small batches.

VOICE: warm, unhurried, honest
Yes: "Rye's back tomorrow. We made forty."
No:  "Don't miss our AMAZING new rye!!!"

COLOUR (share, job)
Night blue  #0e1424  60%  backgrounds
Flour       #f3e6d0  30%  text and panels
Oven glow   #e0823d  10%  times, prices, buttons only

TYPE
Headlines: condensed sans, 64 px and up, sentence case
Body: humanist sans, 16 to 18 px, regular weight

BACKGROUND
Signature: oven glow rising from the bottom of night blue
Fallback (small sizes, one-colour print): flat night blue

LOGO
Wordmark only. Minimum width 96 px. Clear space = height of the C.

DON'T
Put text over the glow. Use cream backgrounds. Add a second accent.
Elke regel kun je toetsen aan een af ontwerp. Dat is de proef op de som van een bruikbare gids.

Toon elke regel met een voorbeeld

Mensen scannen gidsen en kijken naar plaatjes. Zet naast elke belangrijke regel een goed en een fout voorbeeld, het liefst met echte formaten uit je eigen feed. De regel hieronder heeft elk merk met kleurverloop of foto nodig: waar de woorden staan.

Fout: de kop loopt over het drukste, helderste deel van de achtergrond.

Goed: het rustigste, donkerste gebied ligt achter de woorden.

Kleuren verdienen dezelfde behandeling. Noem elke kleur met naam, code, rol en aandeel, en neem de tekstcombinaties op die slagen voor de kleurcontrast-controle, zodat niemand ze opnieuw hoeft te testen.

Naam, rol en aandeel per kleur. Meel op nachtblauw meet ongeveer 14,9:1; ovengloed op nachtblauw ongeveer 6,5:1.

Zo houd je een stijlgids levend

  1. 1

    Geef hem één eigenaar

    Eén benoemde persoon keurt wijzigingen goed en beantwoordt vragen. Een gids van iedereen wordt door niemand bijgewerkt.

  2. 2

    Geef hem een datum en versie

    Zet bovenaan de versie en datum, zodat mensen weten dat ze de actuele hebben.

  3. 3

    Bouw de regels in sjablonen in

    De beste regel is er een die mensen niet per ongeluk kunnen breken. Sjablonen met de juiste ondergrond, typografie en logopositie handhaven de gids stilletjes. Zie merkconsistentie.

  4. 4

    Houd hem waar mensen werken

    Pin hem vast in je ontwerptool, gedeelde schijf en teamchat. Als mensen ernaar moeten zoeken, doen ze dat niet.

  5. 5

    Schrijf een versie voor AI

    Assistenten volgen heldere, letterlijke regels goed. Huisstijlrichtlijnen die je AI kan volgen laat zien hoe je de pagina aanpast.

  6. 6

    Bekijk hem elk kwartaal

    Schrap regels die niemand volgt en voeg de vragen toe die mensen twee keer stelden.

In Gradiently bewaart de merkkit je logo’s, kleuren en lettertypen naast elk ontwerp, en draagt je Mark de kenmerkende achtergrond, dus de meeste regels uit een gids van één pagina zijn al toegepast als iemand een sjabloon opent.

Vragen die mensen stellen

Wat moet een huisstijlgids bevatten?

Minimaal: positionering, stem, logoregels, kleuren met hexcodes en aandelen, lettertypen met groottes, de kenmerkende achtergrond en terugval, beeldrichtlijnen en een paar voorbeelden van wel en niet.

Hoe lang moet een huisstijlgids zijn?

Zo kort als kan terwijl hij echte vragen nog beantwoordt. Voor de meeste kleine merken is één pagina genoeg; voeg onderdelen pas toe als dezelfde vraag twee keer opkomt.

Wat is het verschil tussen een huisstijlgids en een merkkit?

De stijlgids zijn de regels. De merkkit zijn de bestanden: logo’s, lettertypen, kleurcodes, achtergronden en sjablonen. Ze moeten naar elkaar linken.

Hoe zorg ik dat mensen de huisstijl volgen?

Schrijf specifieke regels met voorbeelden, geef de gids één eigenaar en bouw de regels in sjablonen in, zodat de juiste keuze de makkelijke is.

Deel deze gids

Geschreven door GradientlyGeverifieerd Gradiently-account

Het team achter Gradiently, een ontwerptool rond Marks: levende kleurverlopen die alles wat je ontwerpt op jou laten lijken.

Bekijk ons profiel