# Samenhangende huisstijl: elk contactmoment als familie

[Canonical HTML page](https://gradiently.design/nl/guide/cohesive-brand)

Een samenhangend merk is niet een merk waar alles er hetzelfde uitziet. Het is een merk waarvan een vreemde je post, je menukaart en je mail uit een stapel kan pakken en meteen ziet dat ze bij elkaar horen.

## The short version

- Een samenhangende huisstijl betekent dat elk contactmoment, van social posts tot kassabonnen, duidelijk verwant voelt, ook als de opmaak verschilt.
- Het simpelst bouw je samenhang door drie of vier constanten vast te leggen, zoals een achtergrond, een kleurenpalet en een lettertype, en al het andere te laten variëren.
- Een kaart van contactmomenten laat zien waar een klant je merk tegenkomt, zodat niets aan het toeval wordt overgelaten.
- Merken verliezen samenhang meestal op plekken die niemand bewust ontwerpt, zoals mailvoetjes, facturen, bewegwijzering en snelle stories.
- Eén look in elk formaat renderen werkt beter dan één afbeelding bijsnijden, omdat elk formaat zijn verhoudingen en zijn rustige ruimte voor tekst behoudt.

**Samenhangende branding** ontstaat wanneer al je contactmomenten, je posts, website, mails, verpakkingen en bordjes, genoeg ingrediënten delen om als één familie herkend te worden. De methode is eenvoudig: kies drie of vier constanten, meestal een achtergrond of kleurwereld, een palet, een lettertype en een tone of voice, en pas die overal toe. Maak daarna een lijst van alle plekken waar klanten je ontmoeten en toets elk ervan aan die constanten.

## Samenhang is verwantschap, geen gelijkheid

Denk aan een familiegelijkenis. Broers en zussen zien er niet identiek uit, maar delen een paar trekken die de band duidelijk maken. Een merk werkt hetzelfde. Als elk ontwerp identiek is, merkt niemand ze meer op. Als elk ontwerp anders is, legt niemand de link. Samenhang zit daartussenin: vaste constanten, flexibele variabelen.

| Houd constant | Laat variëren |
| --- | --- |
| Je achtergrond of kleurwereld | Opmaak en compositie |
| Een palet van drie tot vijf kleuren | Welke kleur in een ontwerp de hoofdrol speelt |
| Eén koplettertype en één broodlettertype | Grootte, gewicht en hoeveelheid tekst |
| Plek van het logo en vrije ruimte | Foto’s en illustraties |
| Tone of voice | De boodschap en de lengte ervan |

Leg de linkerkolom vast en laat de rechterkolom variëren. De meeste merken die rommelig overkomen doen het andersom: identieke opmaak in willekeurige kleuren.

De achtergrond is de constante die mensen onderschatten. Op social media en in stories vult hij het hele beeld, dus het is het grootste deel van wat mensen zien. Een herkenbare achtergrond doet meer voor samenhang dan welk logo ook. In [Brand signature look](https://gradiently.design/nl/guide/brand-signature-look) lees je er alles over.

## Kies je constanten

Hier een uitgewerkt voorbeeld voor een wijnbar in de buurt. De constanten zijn een diep pruimenpaars vlak met een warme amberkleurige gloed, een palet waarin elke kleur een duidelijke taak heeft, een smalle serif voor koppen en een droge, vriendelijke stem.

Wijnbar: pruimenvlak, amberglans: `radial-gradient(circle at 30% 25%, #d97706 0%, #7c2d12 30%, #3b0a2a 65%, #1c0614 100%)`

De ene achtergrond die op elke post, story, menukaart en mailkop staat. De gloed verschuift per formaat, de kleuren veranderen nooit.

- Pruimennacht (vlak): #1c0614
- Pruim: #3b0a2a
- Amber (accent): #d97706
- Kaarslicht (tekst): #f5e9d7
- Kurk (secundair): #8a6f5c

Elke kleur heeft één taak. Kaarslicht is voor tekst, amber voor één accent per ontwerp, kurk voor de kleine lettertjes. Die duidelijkheid houdt verschillende ontwerpen verwant.

## Breng je contactmomenten in kaart

Een contactmoment is elke plek waar een klant het merk ontmoet. Schrijf ze allemaal op, ook de saaie. Juist de saaie zijn de plekken waar samenhang meestal breekt, omdat niemand eraan dacht ze te ontwerpen.

| Groep | Contactmomenten | Vaak vergeten |
| --- | --- | --- |
| Social | Posts, stories, Reels-covers, profielfoto, highlight-covers | Story-covers, snelle reposts |
| Web | Website, linkpreview, favicon, reserveringspagina | Linkpreviews, afreken- en reserveringspagina’s |
| Mail | Nieuwsbriefkop, transactiemails, handtekening | Bonnetjes, wachtwoordresets, handtekeningen van personeel |
| Drukwerk | Menukaart, visitekaartjes, posters, flyers, verpakking | Prijskaartjes, tafelkaartjes, facturen |
| Plek | Gevel, etalage, borden binnen | Wifi-kaartje, toiletbordje, openingstijden |
| Mensen | Hoe medewerkers de telefoon opnemen en berichten beantwoorden | Automatische antwoorden, voicemail |

Ook een klein bedrijf heeft tientallen contactmomenten. Je hoeft ze niet allemaal tegelijk opnieuw te ontwerpen, maar je moet wel weten waar ze zitten.

- Instagram-post 1080×1350: 1080 × 1350
- Story 1080×1920: 1080 × 1920
- Mailkop 1200×600: 1200 × 600
- Linkpreview 1200×630: 1200 × 630
- A5-menukaart 1748×2480: 1748 × 2480

Vijf contactmomenten, vijf vormen. Samenhang komt van dezelfde ingrediënten, per vorm anders geschikt, niet van één afbeelding die je bijsnijdt.

Een Instagram-post voor een natuurwijnavond op een diepe pruimenkleurige achtergrond met een warme amberkleurige gloed

Een Instagram-post: pruimenvlak, amberglans, kop in smalle serif.

Een brede nieuwsbriefkop voor dezelfde wijnbar, met dezelfde pruimen- en amberachtergrond en hetzelfde lettertype

De mailkop heeft een andere opmaak en hoort duidelijk bij dezelfde bar.

## De checklist voor samenhangende branding

Loop deze lijst langs voor elk contactmoment op je kaart. Alles wat op drie of meer punten faalt, is het volgende wat je aanpakt.

1. Gebruikt de merkachtergrond of kleurwereld, geen kleur die alleen voor dit ontwerp is gekozen.
2. Gebruikt alleen kleuren uit het palet, elk in de afgesproken rol.
3. Koppen in het koplettertype, lopende tekst in het broodlettertype.
4. De juiste [logovariant](https://gradiently.design/nl/guide/logo-variations) voor het formaat, met zijn vrije ruimte.
5. Tekst staat waar hij makkelijk leesbaar is, met genoeg contrast.
6. Klinkt als het merk: dezelfde stem, hetzelfde niveau van formaliteit.
7. Foto’s delen een stijl: vergelijkbaar licht, vergelijkbare kleurbehandeling.
8. Gemaakt op het juiste formaat, niet uitgerekt of onhandig bijgesneden.
9. Actueel: huidig logo, huidig aanbod, huidige openingstijden.
10. Zou herkenbaar zijn met het logo afgedekt.

Het laatste punt is de echte test. Dek het logo af met je duim. Als het ontwerp van iedereen kan zijn, leunt het op het logo voor werk dat de kleuren, het lettertype en de achtergrond hadden moeten doen. In [Onderscheidende merkelementen](https://gradiently.design/nl/guide/distinctive-brand-assets) lees je wat je in plaats daarvan bouwt.

## Waar merken hun samenhang verliezen

### Rommelig

- Elke maand een nieuw template uit een andere set
- Trendkleuren geleend voor één campagne
- Snelle stories gemaakt in welke app er open staat
- Drukwerk ontworpen door de drukker op basis van een oud logo
- Elk platform met een eigen look beheerd

### Samenhangend

- Een kleine set eigen templates, steeds hergebruikt
- Campagnes binnen het palet vormgegeven
- Story-templates klaar voor snelle posts
- Drukbestanden geëxporteerd uit dezelfde bron
- Eén look, gerenderd voor het formaat van elk platform

Twee gewoontes doen het meeste werk: ontwerpen vanuit templates die van jou zijn, en elk formaat uit één ontwerp maken in plaats van opnieuw te beginnen. [Merkconsistentie op alle platforms](https://gradiently.design/nl/guide/brand-consistency-across-platforms) behandelt de platformkant, en [templatemoeheid](https://gradiently.design/nl/guide/template-fatigue) legt uit waarom geleende templates merken uit elkaar trekken.

Hier helpt een Gradiently Mark. Het is een levende achtergrond die op elk formaat opnieuw wordt gerenderd, zodat de post, de story en de menukaart dezelfde look dragen, met het licht verstandig geplaatst voor elke vorm. Hij legt zijn rustigste gebied achter je woorden, en elke Mark heeft telkens één eigenaar, dus de look die jouw contactmomenten verbindt, verbindt niet ook die van iemand anders.

## FAQ

### Wat is samenhangende branding?

Samenhangende branding betekent dat elk contactmoment genoeg kleuren, lettertypen, achtergronden en stem deelt om als één merk herkend te worden, ook als de opmaak verschilt.

### Hoe maak ik mijn merk samenhangender?

Leg drie of vier constanten vast, zoals een achtergrond, een palet, een lettertype en een stem, maak een lijst van alle contactmomenten en toets elk ervan aan die constanten.

### Wat zijn contactmomenten van een merk?

Elke plek waar een klant je merk tegenkomt: social posts, je website, mails, verpakkingen, bordjes, bonnetjes en de manier waarop je team berichten beantwoordt.

### Is samenhangende branding hetzelfde als consistente branding?

Ze overlappen. Consistentie gaat over elke keer dezelfde regels toepassen, samenhang is het resultaat: alles voelt verwant, ook in heel verschillende formaten.

### Hoe laat ik mijn Instagram-feed samenhangend lijken?

Gebruik dezelfde achtergrond of kleurwereld, dezelfde lettertypen en een kleine set eigen templates, en laat alleen de opmaak en de boodschap per post variëren.