← Terug naar overzicht
Deel 3 van 6

Design, branding en sfeer meegeven

Boyd Belshof
Boyd Belshof Co-founder Webnexus · April 2026
Moodboard met kleurenpaletten, lettertypes en website-screenshots die laten zien hoe je design-keuzes maakt

Je kunt de beste teksten hebben en de slimste structuur — maar als het design niet klopt, klikt niemand. Design is het eerste wat mensen zien, en het bepaalt in milliseconden of ze blijven of wegklikken. In dit deel laat ik zien hoe je Claude de visuele richting meegeeft die past bij jouw merk.

Kleuren kiezen

Als je al huisstijlkleuren hebt, geef ze door als hex-codes. Heb je die niet? Geen probleem. Beschrijf de sfeer en Claude stelt een passend kleurenpalet voor.

Een paar richtlijnen die ik in de praktijk gebruik:

  • Blauw — vertrouwen, professionaliteit (finance, tech, consultancy)
  • Groen — natuur, gezondheid, duurzaamheid
  • Oranje/Geel — energie, creativiteit, jeugdigheid
  • Zwart/Donkergrijs — luxe, exclusiviteit, mode
  • Paars — creativiteit, innovatie, premium
Vijf kleurenpaletten per branche: Zakelijk in blauw, Creatief in paars, Natuur in groen, Luxe in zwart en Energie in oranje

De 60-30-10 regel werkt altijd: 60% neutrale kleuren (wit, lichtgrijs), 30% je primaire kleur, 10% accentkleur. Je CTA-knoppen moeten in de accentkleur — die moet opvallen tegen de rest.

Lettertype en sfeer

Het lettertype bepaalt meer sfeer dan je denkt. Een sans-serif font voelt modern en strak, een serif font voelt klassiek en betrouwbaar. Je hoeft niet te weten welk font je wilt — beschrijf gewoon de sfeer:

  • "Strak en modern, zoals een tech-startup" → Claude kiest iets als Inter of Plus Jakarta Sans
  • "Klassiek en elegant, met uitstraling" → Claude kiest iets als Playfair Display of Lora
  • "Rond en vriendelijk, voor een kinderdagverblijf" → Claude kiest iets als Nunito of Quicksand
  • "Stoer en industrieel" → Claude kiest iets als Oswald of Bebas Neue

Referentie-websites geven

Dit is een van de krachtigste dingen die je kunt doen. Noem 2-3 websites die je mooi vindt en vertel WAT je er mooi aan vindt:

"Ik vind de hero van stripe.com heel strak — die grote tekst met de gradient. En de kleuren van linear.app spreken me aan, die donkere achtergrond met paarse accenten. De testimonials-sectie van notion.so vind ik ook goed — met die kaarten naast elkaar."

Claude begrijpt dit en combineert elementen van je voorbeelden tot iets unieks dat past bij jouw merk. Hoe specifieker je bent over WAT je mooi vindt (niet alleen "deze site is mooi"), hoe beter het resultaat.

Screenshots van drie referentie-websites met pijlen en annotaties die specifieke design-elementen uitlichten zoals hero-sectie, kleurgebruik en layout

Sfeerwoorden die werken

Kies 2-3 woorden die de sfeer van je site beschrijven. Dit klinkt simpel, maar het stuurt Claude enorm in de juiste richting. Mijn favoriet combinaties uit de praktijk:

  • Professioneel + Betrouwbaar — voor B2B, consultancy, finance
  • Modern + Minimalistisch — voor tech, SaaS, creatieven
  • Warm + Persoonlijk — voor coaching, zorg, dienstverlening
  • Stoer + Industrieel — voor bouw, fitness, automotive
  • Luxe + Elegant — voor vastgoed, mode, horeca
  • Fris + Speels — voor kinderopvang, food, lifestyle

Je logo meegeven

Als je een logo hebt, upload het in het Claude-gesprek. Claude analyseert het en past het design aan op de kleuren en stijl van je logo. Het zet je logo automatisch in de navbar en footer.

Heb je geen logo? Geen probleem. Claude maakt een stijlvolle tekst-versie van je bedrijfsnaam met het juiste lettertype en kleur. Later kun je altijd nog een logo laten ontwerpen en het vervangen.

Mijn persoonlijke aanpak

Na honderden sites gezien te hebben, is dit wat ik altijd adviseer:

  1. Begin met de sfeer, niet met kleuren. De sfeer bepaalt alles.
  2. Gebruik maximaal 2-3 kleuren. Meer = rommelig.
  3. Kies één heading-font en één body-font. Niet meer.
  4. Geef Claude ruimte. Zeg "stel een design voor op basis van deze sfeer" en itereer van daaruit.
  5. Test op mobiel. Altijd. Het meeste verkeer komt van telefoons.

In het volgende deel duiken we in het onderwerp waar de meeste mensen mee worstelen: afbeeldingen. Hoe krijg je goede foto's op je site, en hoe geef je ze mee aan Claude?

← Deel 2 Deel 4: Afbeeldingen en media →