Logo en huisstijl laten ontwerpen: de samenhang

Veel ondernemers denken dat een logo hun huisstijl is. Ze laten een logo tekenen, plaatsen dat op de website en de visitekaartjes, en beschouwen de klus als geklaard. Een paar maanden later ziet de nieuwsbrief er anders uit dan de website, de offertes gebruiken een ander lettertype, en de blauwtint op Instagram wijkt af van die in de webshop. Het logo klopt. De rest rammelt. Wie een logo en huisstijl laat ontwerpen, koopt geen plaatje. Je legt de regels vast waarmee alles wat je merk uitstraalt op elkaar aansluit.

Het logo is het herkenningsteken. De huisstijl is het volledige systeem eromheen: de kleuren, de lettertypes, de manier waarop foto's worden bijgesneden, de afstand tussen elementen, de toon van je teksten. Het logo is dus een onderdeel, niet het geheel. Vergelijk het met een persoon. Het logo is het gezicht. De huisstijl is de manier van bewegen, kleden en praten. Iemand herkennen doe je niet alleen aan een gezicht, ook aan houding en stem. Zo werkt een merk ook.

Dit onderscheid is belangrijk omdat de meeste herkenning niet van het logo komt. Op een productpagina of in een e-mail zie je het logo klein, in een hoek. Wat de pagina laat voelen als jouw merk, zijn de kleuren en de typografie die de hele ruimte vullen. Daar zit de dagelijkse herkenning.

Kleur is het element dat het snelst een gevoel oproept, nog voordat iemand een woord heeft gelezen. Een goede huisstijl heeft niet een kleur, en ook niet vijftien. Meestal werkt een systeem van een of twee dragende kleuren, een accentkleur voor knoppen en aandacht, en een reeks neutrale tinten voor tekst en achtergronden.

Waar het vaak misgaat: de accentkleur wordt overal gebruikt. Als je call-to-action-knop dezelfde kleur heeft als je koppen, je iconen en je citaten, dan valt de knop niet meer op. Kleur stuurt de aandacht alleen als je zuinig bent met de opvallende tint. Een concreet voorbeeld: een webshop koos fel oranje als merkkleur en gebruikte die ook voor de bestelknop. Zodra het oranje ook in de banners, de badges en de kortingslabels verscheen, daalde de zichtbaarheid van de bestelknop. De oplossing was niet een nieuwe kleur, het was het oranje reserveren voor de knop en de rest terugbrengen naar rustiger tinten.

Voor digitaal gebruik telt ook contrast. Een lichtgrijze tekst op een witte achtergrond ziet er in een ontwerpprogramma verfijnd uit. Op een telefoon in de zon leest niemand het. Een kleurenpalet dat werkt, is getest op leesbaarheid en voldoet aan toegankelijkheidsnormen. Dat is geen extraatje. Het bepaalt of mensen je teksten daadwerkelijk lezen.

Als kleur de emotie draagt, dan draagt typografie de toon. Een strak, geometrisch lettertype voelt zakelijk en efficient. Een lettertype met warme, ronde vormen voelt toegankelijk en menselijk. Een klassieke schreefletter voelt betrouwbaar en gevestigd. Je kiest dus niet alleen wat mooi is, je kiest wat past bij hoe je wilt overkomen.

Een sterke huisstijl gebruikt zelden meer dan twee lettertypes: een voor koppen, een voor lopende tekst. Soms is een enkele letterfamilie met verschillende diktes al genoeg. De valkuil is dat mensen op de website een mooi lettertype kiezen, in de PowerPoint een ander pakken omdat het gekozen lettertype daar niet beschikbaar is, en in de e-mails weer een standaardlettertype gebruiken. Drie plekken, drie stemmen. Het merk klinkt daardoor als drie verschillende bedrijven.

Voor een merk dat online leeft, betekent dit dat je vanaf het begin kiest voor lettertypes die betrouwbaar laden in de browser en goed schalen van een groot scherm naar een telefoon. Een lettertype dat op de designtekening prachtig is en in de praktijk traag laadt of vervangen wordt door een systeemletter, breekt de consistentie waar je juist voor betaalt.

Logo, kleur en typografie zijn elk apart te ontwerpen. De waarde zit in hoe ze samenwerken. Een logo met scherpe, hoekige vormen naast een zacht, rond lettertype voelt tegenstrijdig, zonder dat de kijker precies kan benoemen waarom. Een luxe uitstraling met een goedkoop ogend systeemlettertype ondermijnt zichzelf. De onderdelen moeten dezelfde taal spreken.

Die samenhang leg je vast in een huisstijlgids: een document dat beschrijft welke kleuren met welke codes, welke lettertypes in welke maten, hoeveel ruimte rond het logo, en hoe je die regels toepast op een knop, een kop, een foto of een formulier. Zonder die regels leunt elke nieuwe uiting op het gevoel van degene die hem maakt. Met die regels blijft je merk herkenbaar, ongeacht wie de volgende post ontwerpt of de volgende pagina bouwt.

• Een kleurenpalet met exacte codes voor scherm en druk, plus contrastregels voor leesbaarheid.
• Twee lettertypes met vaste rollen: een voor koppen, een voor tekst.
• Logovarianten voor lichte en donkere achtergronden, met minimale afmetingen en vrije ruimte.
• Voorbeelden van toepassing: een knop, een kop, een fotobehandeling, een social post.

Een huisstijl die op papier klopt, valt uit elkaar zodra hij digitaal wordt toegepast door iemand die de regels niet kent. Dat is precies waar veel projecten vastlopen: de huisstijl komt van de ene partij, de website van de andere, en niemand bewaakt of de gekozen kleuren en lettertypes op het scherm hetzelfde effect hebben als op de tekening.

Bij Reinspire ontwerpen we de huisstijl en bouwen we de website in samenhang. Of we nu werken in Webflow of in een maatwerkopzet met Nuxt.js en Sanity, de kleuren, typografie en logovarianten komen als een vast systeem in het ontwerp terecht. Je kleuren zijn dan geen losse afspraak, ze zitten verankerd in de bouw. Voeg je later een pagina toe, dan volgt die automatisch dezelfde regels. Consistentie is dan geen kwestie van oplettendheid, het is ingebouwd.

Overweeg je een logo en huisstijl te laten ontwerpen, bedenk dan meteen waar dat merk het meest te zien zal zijn. Voor de meeste bedrijven is dat de website en alles wat daaruit voortkomt: nieuwsbrieven, offertes, social media. Een huisstijl die vanaf het begin voor dat digitale gebruik is doordacht, bespaart je later een dure herstelronde.

Wil je een merk dat er niet alleen op de presentatie goed uitziet, en dat online net zo herkenbaar blijft, dan is een gesprek de logische eerste stap. Neem contact op met Reinspire. We kijken samen naar waar je merk nu staat, wat je uitstraling in de weg zit, en hoe logo, kleur en typografie bij jou samen een systeem gaan vormen dat blijft werken.

Bekijk hoe Reinspire merken opbouwt