Marvia 16.06.2022 8 min read

Een stap-voor-stap handleiding voor het maken van een online huisstijlhandboek

Is jouw merk consistent online? Elk bedrijf zou moeten beschikken over een online huisstijlhandboek om te zorgen dat de uitstraling en tone of voice van je merk overal duidelijk en consistent is. Een online handboek of stijlgids is een lijst met merkrichtlijnen, inclusief taal en visuele elementen. Dit document zorgt ervoor dat je boodschap op je website, social media accounts, online advertenties, e-mailcampagnes en dergelijke consistent is. 

Een online huisstijlgids maken kan heel eenvoudig zijn. Het enige wat je nodig hebt is oog voor detail en wat liefde voor je organisatie. 

Als marketeers weten we hoe belangrijk branding is om te zorgen dat klanten je bedrijf herkennen en onthouden om ervoor te zorgen dat ze blijven terugkomen. We begrijpen ook hoe belangrijk het is om merk consistent te blijven op alle online kanalen zoals social media, website, blogs, video's en dergelijke.

Met een huisstijlgids kun je zorgen dat je je tone of voice consistent is, je boodschap coherent is en je merk sterk en aantrekkelijk blijft. Zonder een stijlgids geen merkbeheer.

In deze blog bespreken we wat een online huisstijlhandboek is, wat er in moet staan en waarom je deze nodig hebt. We geven je ook een huisstijlhandboek template om te zorgen dat je snel aan de slag kunt. 

Ben je er klaar voor? Pak een kop koffie en laten we beginnen! 

Wat staat er in een online huisstijlhandboek?

Allereerst de definitie. 

Een huisstijlhandboek is een beknopt, goed geschreven hulpmiddel dat vertelt hoe je merk eruit moet zien. Dit omvat kleurenschema's, typografie, afbeeldingen en alles daartussenin. Een huisstijlgids zorgt ervoor dat dit alles in harmonie is met je merkimago en -stem. 

Is het nog steeds niet helemaal duidelijk? Hier is een andere, formele definitie: een online stijlgids is een reeks uitgebreide instructies die als referentiebron dienen voor het definiëren van je stem en merkimago

Nu je het een en ander weet over het huisstijlhandboek, duiken we meteen de details in. Hieronder beantwoorden de de meest prangende vraag: wat staat erin een online huisstijlgids. 

Item 1: Logo

Het logo van je bedrijf is één van de eerste dingen die klanten en prospects zien. Het is daarom van cruciaal belang dat je duidelijk maakt hoe het logo in verschillende situaties gebruikt moet worden. 

logo gebruik in huisstijlgids

Om te beginnen moet de online huisstijlgids gedetailleerde informatie bevatten over hoe het logo uitgelijnd moet worden. Hoewel de midden-verticale uitlijning de standaard is, kunnen andere hoeken worden gebruikt om nadruk te leggen of bepaalde elementen in je ontwerp te benadrukken. 

Hier zijn enkele aanvullende logo richtlijnen om te overwegen:

Ruimte rond het logo

Er moet voldoende ruimte rond het logo zijn om het te laten ademen en te voorkomen dat de visuele impact en duidelijkheid wordt belemmerd. Dit lijkt logisch, maar stel je voor dat iemand het logo in een klein hoekje wil plaatsen. Misschien is dat alle beschikbare ruimte of misschien plaatsen ze afbeeldingen graag in een uithoek van een document. Als ze naar de huisstijlgids kijken, weten ze dat dit niet de bedoeling is en hoe het logo wel correct gebruikt moet worden. 

Logo formaat

Vaak vergeten,  wel belangrijk: stel een minimumgrootte in voor je logo. De minimale grootte voor digitaal gebruik is idealiter in pixels. Dat gezegd hebbende, het instellen van proportionele waarden is net zo belangrijk. Het is cruciaal dat je logo een consistente maatvoering heeft voor verschillende producten en digitale toepassingen. 
De richtlijn voor minimumgrootte en proportionele waarde kunnen zo simpel zijn als:

  • Gebruik ons volledige logo niet tenzij er voldoende ruimte is om het leesbaar te maken
  • Niet uitrekken of vervormen


Of zo specifiek als:

  • Onze favicon moet altijd 14 x 14 pixels zijn
  • De minimale digitale grootte voor zowel ons logomerk als ons woordmerk is 18 pixels

Beschrijving

Een logo is een betekenisdrager; het geeft aan wie je bent en waar je voor staat. Hoewel een goed logo ontwerp als het goed is onbewust een reactie oproept, kan het geen kwaad om in je huisstijlgids een goede, bondige beschrijving te geven van je logo waarin je het hoe en waarom toelicht. Deze beschrijving draagt bij aan een sterke merkidentiteit en voorkomt dat het logo op verkeerde wijze wordt gebruikt. 

Item 2: Lettertypen

De volgende must-have in het huisstijlhandboek is de lettertype voorkeur, ook wel bekend als typografie. Je merkbehoeften bepalen of je voldoende hebt aan één lettertypefamilie, of dat je meerdere lettertypen wilt gebruiken. Een goede vuistregel is om een ander lettertype te gebruiken dan in je logo, omdat het contrast ervoor zorgt dat het beter opvalt. 

Hoe eenvoudig of gecompliceerd je typografieschema ook is, zorg ervoor dat het op de juiste wijze gebruikt wordt door verschillende keuzes uit te leggen en duidelijke igebruiksinstructies te geven. 

  • Introductie: vertel het verhaal van de lettertypen die je gebruikt, hoe ze zich verhouden tot je merk en waarvoor ze gebruikt worden (bijschriften, koppen, hoofdteksten e.d.).
  • Spatiëring: vermeld tekenspatiëring en regelafstand om een consistente stijl te behouden wanneer de lettergrootte verandert. 
  • Uitlijning: wees duidelijk over hoe tekst moet worden uitgelijnd: links, rechts of gecentreerd. 

    brand management


Item 3: Kleurenschema/pallet

Het online huisstijlhandboek van een merk moet elke kleur beschrijven die wordt gebruikt op bijvoorbeeld social media, website en geprinte materialen. Prioriteer en rangschik kleuren: primaire, secundaire en tertiaire kleuren. 

De online huisstijlgids moet aangeven welke kleuren bij je merk horen en vermeld ook hun hexadecimale codes, aanbevolen gebruik en andere relevante informatie. 

Het definiëren van een kleurenschema zal een grote invloed hebben op het creëren van een consistente look en feel.

Item 4: Afbeeldingen

Als het gaat om afbeeldingen in je stijlgids, zijn er niet echt vaste regels, het is vooral een kwestie van persoonlijke voorkeur. 

Een aantal verschillende manieren om dit gedeelte in te richten: 

  • Moodboard: maak een collectie van afbeeldingen die het gevoel weergeven wat je wil opwekken wanneer mensen in aanraking komen met je merk
  • Best practice: deel voorbeelden van afbeeldingen die het goed hebben gedaan voor je merk en probeer uit te leggen waarom. Als je bezig bent kun je gelijk nog even benadrukken hoe je bedrijf het beste communiceert met klanten bijvoorbeeld via Facebook of Instagram. 
  • Ambitieus: soms heb je misschien niet de juiste afbeeldingen om als voorbeeld weer te geven, en dat is prima. Je kunt in dit geval er voor kiezen om afbeeldingen van grotere merken te laten zien die dienen ter inspiratie en laten zien waar je ambitie ligt. Op deze manier krijgen je collega's toch een gevoel bij de stijl die je wilt uitstralen.  

Item 5: Toon/Stem

Ten slotte, maar zeker niet de minste, hebben we de stem van je merk. Hiermee bedoelen we niet alleen de letterlijke stem, maar ook de tone of voice die gehanteerd wordt in de communicatie. Een goede merkstem onderscheidt je van de rest, laat een blijvende indruk achter en wordt gemakkelijk herkend. Door de toon en stem vast te leggen in je huisstijlgids, zorg je dat deze keer op keer op eenvoudig op de juiste wijze wordt toegepast. 

Wanneer je richtlijnen voor je merkstem formuleert, let dan op de volgende bewezen tips:

  • Verwijs altijd terug naar de persoonlijkheidskenmerken van je merk: een sterke merkpersoonlijkheid zou de waarden waar je bedrijf voor staat moeten weerspiegelen. Elke taalkundige keuze moet deze persoonlijkheid uitdrukken. Als je belangrijkste waarde bijvoorbeeld inclusiviteit is, zou je inclusieve voornaamwoorden moeten gebruiken zoals "wij" of "onze" om de nadruk op collectiviteit te leggen, in plaats van op individualisme. 
  • Let op de context: je stemspecifieke richtlijnen moeten verwijzingen bevatten naar elk type media dat je gebruikt om te communiceren inclusief de daarvoor geldende regels. 
  • Geef veel voorbeelden: het omschrijven van je merkstem als "menselijk" of "innovatief" helpt degene die aan de slag moeten met je merk niet echt. Blijf weg van generieke termen en probeer zoveel mogelijk concrete on-brand/off-brand voorbeelden te geven. 

Nu je weet hoe je de perfecte online huisstijlgids maakt, gaan we dieper in op het waarom van dit alles. 

Waarom je een huisstijlgids nodig hebt

Samengevat; een online huisstijlhandboek zorgt voor een consistente merkervaring. Het maakt niet uit hoe, wanneer, of waar een klant in aanraking met je merk komt, de ervaring zou uniform moeten zijn. Deze consistentie over alle touchpoints van de klantreis heen, helpt bij het opbouwen van vertrouwen en een merk. Met 4,66 miljard internetgebruikers wereldwijd (en groeiend), is het voor bedrijven belangrijker dan ooit om een sterk merk neer te zetten en te behouden met dank aan een uitgebreide huisstijlgids. 



Online huisstijlhandboek template

Nogmaals, er zijn geen vaste regels voor het maken van een huisstijlhandboek. Je bedrijfsspecifieke wensen en behoeften moeten leidend zijn.

Rekening houden met de vijf belangrijkste elementen van een stijlgids, hebben we hieronder een sjabloon neergezet wat je kunt gebruiken: 

Logo

  • Dit is ons logo en wat het voor ons betekent
  • Hoe ons logo te gebruiken (en hoe niet)

Lettertypen voorkeur / typography

  • Dit zijn de lettertypen die we gebruiken en waarom 
  • Dit is ons primaire lettertype. O, wat mooi!
  • Dit zijn onze secundaire lettertypen. 

 

Kleurenschema

  • Dit zijn de kleuren die ons merk het beste omschrijven of het beste bij onze identiteit passen. 
  • Zo kun je de kleuren mixen en matchen

Beelden

  • Dit zijn onze on-brand afbeeldingen
  • Zo kun je ze gebruiken

Toon/Stem

  • Dit is onze tone of voice en hoe we die het beste kunnen omschrijven
  • Dit zijn de do's en don'ts als het gaat om onze merkstem

 



Bewaak je merk met een online huisstijlhandboek

Er zijn geen concrete regels voor het maken van een online huisstijlhandboek. Idealiter zou het een flexibel, levend document moeten zijn. Je wilt er voor zorgen dat essentiële informatie te allen tijde toegankelijk en kloppend is. 

Dit betekent dat een huisstijlgids niet statisch moet zijn. In het verleden werden huisstijlgidsen in PDF gemaakt, maar tegenwoordig zijn het online stijlgidsen die onderdeel uitmaken van een uitgebreid brand management systeem wat de klok slaat. Je kunt hierdoor bijvoorbeeld je digitale huisstijlgids direct koppelen aan de bijbehorende merkbestanden in je beeldbank (DAM).

 

digitale huisstijlgids marvia

 

Zie deze blog als een ruwe richtlijn, een educatief stuk dat je helpt de juiste keuze te maken. Maar onthoud vooral dat een huisstijlgids een no-brainer is. Zonder loop je het risico dat je merk inconsistent en onherkenbaar voor je klanten (en team) is. 


Wil je meer tips over branding? In onze blog vind je tips en tricks van onze branding experts. Meer weten over onze digitale huisstijlgids oplossing die je team helpt om merkconsistent te blijven? Dat kan ook! Plan een gratis demo om ze in actie te zien.