# Nieuwsbriefbranding: headers, socialkaarten en een herkenbare editie

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

Een inbox is een lijst met namen en onderwerpregels tot iemand je opent. Dan heb je de aandacht van één header om te bewijzen dat dit de nieuwsbrief is waarvoor ze zich aanmeldden.

## The short version

- Nieuwsbriefbranding is een consistente naam, titelkop, palet en lettertype in de e-mail zelf, het webarchief en de kaarten die je deelt om elke editie te promoten.
- Een e-mailheader wordt meestal ontworpen op 1200×600 pixels en getoond op ongeveer 600 pixels breed, dus de woorden moeten groot en weinig zijn.
- Een Substack-postheader is 1456×816 pixels en wordt ook de voorbeeldafbeelding als een editie wordt gedeeld.
- Het betrouwbaarste kopsysteem houdt naam en opmaak vast en verandert per editie één ding, zoals het editienummer, een kop of een seizoenskleur.
- Elke editie verdient twee of drie promokaarten in socialformaten, gebouwd op dezelfde opmaak zodat ze in minuten gemaakt zijn.

**Nieuwsbriefbranding** is wat een lezer je editie laat herkennen voordat hij hem leest: dezelfde titelkop bovenaan elke e-mail, een palet en lettertype die doorlopen in je webarchief en promokaarten op social die van dezelfde uitgave lijken te komen. Ontwerp de e-mailheader op 1200×600 pixels, de Substack-postheader op 1456×816 en houd één vaste opmaak waarin alleen de editiegegevens veranderen. Lezers keren terug naar uitgaven die stabiel voelen, en een stabiele look maakt elke editie ook sneller te maken.

## Afbeeldingsformaten voor nieuwsbrieven

| Onderdeel | Formaat | Opmerkingen |
| --- | --- | --- |
| E-mailheader | 1200×600 px | In de meeste inboxen op ongeveer 600 px breed getoond |
| Substack-postheader | 1456×816 px | Ook de deelvoorbeeldafbeelding van de editie |
| Linkvoorbeeld (Open Graph) | 1200×630 px | Voor een zelf gehost archief of landingspagina |
| Medium-verhaalafbeelding | 1400×788 px | Als je cross-post |
| X-post | 1600×900 px | Promokaart voor elke editie |
| Instagram en LinkedIn staand | 1080×1350 px | Promokaart en quotekaarten |
| E-mailhandtekening | 600×200 px | Een kleine banner die naar de aanmelding linkt |

Ontwerp de header op dubbele weergavebreedte zodat hij scherp blijft op schermen met hoge dichtheid.

- E-mailheader 1200×600: 1200 × 600
- Substack-header 1456×816: 1456 × 816
- Promokaart 1080×1350: 1080 × 1350
- X-kaart 1600×900: 1600 × 900

Vier vormen, één uitgave. De e-mailheader is het breedst en laagst, dus hij draagt de minste tekst.

Formaten per platform staan uitgebreider in [Substack-headerformaat](https://gradiently.design/nl/guide/substack-header-size) en [e-mailheaders ontwerpen](https://gradiently.design/nl/guide/email-header-design). Publiceer je ook op LinkedIn, dan volgt de nieuwsbriefomslag daar eigen regels, behandeld in [LinkedIn-nieuwsbriefomslag](https://gradiently.design/nl/guide/linkedin-newsletter-cover).

## Ontwerp een titelkop die elke editie draagt

Een titelkop is de vaste bovenkant van je nieuwsbrief: de naam, misschien een korte regel over wat het is en de editiegegevens. Drukwerkmagazines gebruiken het idee al ruim een eeuw omdat het werkt. Lezers vinden de naam elke keer op dezelfde plek en de inhoud eronder kan vrij veranderen.

Een brede e-mailnieuwsbriefheader met de tekst De Trage Keuken, Editie 48, Zondag, met een korte beschrijving

Een e-mailheader: de naam groot, editie en dag klein erboven, een belofte van één regel eronder.

1. **Leg de naam en zijn plek vast** Hetzelfde lettertype, dezelfde grootte, dezelfde plek in elke editie. Dit is het deel dat lezers leren.
2. **Kies wat verandert** Kies één variabele: het editienummer, de datum, een kop of een seizoenskleur. Eén is genoeg.
3. **Houd tekst van de randen** Sommige e-mailapps snijden headers bij of schalen ze. Houd woorden in de middelste 80 procent.
4. **Schrijf echte alt-tekst** Sommige lezers hebben afbeeldingen standaard uit. Alt-tekst zoals “De Trage Keuken, editie 48” laat de titelkop werken zonder het beeld.

Als je per editie één ding verandert, kies dan iets met betekenis. Een wekelijkse kookbrief kan met de seizoenen van kleur wisselen; een maandelijkse financiële brief kan het belangrijkste getal van de maand in de header zetten.

- Edities in de lente: `linear-gradient(120deg, #fef3c7 0%, #a7f3d0 100%)`
- Edities in de zomer: `linear-gradient(120deg, #fde68a 0%, #fb923c 100%)`
- Edities in de herfst: `linear-gradient(120deg, #fed7aa 0%, #9a3412 100%)`
- Edities in de winter: `linear-gradient(120deg, #e0e7ff 0%, #475569 100%)`

Vier seizoensachtergronden achter één vaste titelkop. Lezers voelen het jaar bewegen terwijl de uitgave dezelfde blijft.

## Een palet en lettertype die in de inbox leesbaar zijn

Het grootste deel van een nieuwsbrief is tekst, dus het lettertype telt meer dan de header. Gebruik één leesbaar tekstfont, een onderscheidend kopfont voor de naam en één accentkleur voor links en knoppen. Houd lopende tekst donker op licht: veel lezers gebruiken de donkere modus en e-mailapps keren kleuren om op manieren die je niet volledig kunt sturen.

- Papier: #fbf7f0
- Inkt: #1f1a17
- Roestkop: #7c2d12
- Amberlink: #d97706
- Scheidingslijn: #e7dccb

Een warm redactioneel palet. Papier en Inkt doen het lezen; roest is voor de naam, amber alleen voor links.

### Breekt in inboxen

- Belangrijke woorden in een afbeelding gebakken zonder alt-tekst
- Dunne lichtgrijze lopende tekst
- Een header die alleen tekst is en geen ademruimte heeft
- Achtergrondafbeeldingen achter de lopende tekst

### Overleeft inboxen

- Live tekst voor alles wat telt
- Lopende tekst met sterk contrast in lichte en donkere modus
- Een header met een duidelijke naam en ruimte eromheen
- Verlopen alleen in de headerafbeelding

E-mailprogramma’s zijn streng over CSS, dus verlopen horen in de headerafbeelding in plaats van in code. [Verlopen in e-mail](https://gradiently.design/nl/guide/gradients-in-email) legt uit welke aanpak in welke app overleeft.

## Promokaarten voor elke editie

De meeste nieuwsbrieven groeien door delen en socialposts, en een kale link met een generiek voorbeeld wordt overgeslagen. Maak per editie twee of drie kaarten uit een vaste template: een met de kop van de editie, een met een regel uit de inhoud en een aanmeldkaart die je hergebruikt.

Een staande promokaart met de tekst Waarom je brood plat smaakt, De Trage Keuken nummer 48

De editiekaart voor Instagram en LinkedIn: kop, editienummer en waar je leest.

Een liggende quotekaart met de tekst Zout is een timingprobleem, uit de editie van deze week

Een uitgelichte regel voor X en Bluesky. Kort, specifiek en een tikje verrassend werkt het best.

- **Editiekaart:** de kop en het nummer, gepost op de dag dat hij verstuurd wordt.
- **Quotekaart:** één regel uit de inhoud, een dag of twee later gepost. Zie [ontwerp van quotekaarten](https://gradiently.design/nl/guide/quote-card-design).
- **Aanmeldkaart:** wat lezers krijgen en hoe vaak, vastgezet op je profiel.
- **Mijlpaalkaart:** editie 50, 100 of een jaar versturen.

Schrijf je wekelijks, dan is dit het deel dat het automatiseren waard is. Met Gradiently Pro bewaar je een lijst met edities in een spreadsheet en maak je in bulk een kaart voor elke rij, of ontwerp je één kaart en pas je hem in één stap aan elk formaat aan. Auto-inkt kiest per regel lichte of donkere letters uit de eigen kleuren van de achtergrond, zodat een kop leesbaar blijft welke seizoenskleur het ook is. [Teksten schrijven voor beelden](https://gradiently.design/nl/guide/writing-copy-for-visuals) helpt met de woorden zelf.

## Maak de look alleen van jou

Nieuwsbriefplatforms geven iedereen dezelfde handvol thema’s, dus een onderscheidende header is een van de weinige plekken waar je kunt opvallen. Een Gradiently Mark is een levende achtergrond waarmee niemand anders kan exporteren zodra je hem hebt geclaimd, wat past bij een uitgave die haar titelkop onmiskenbaar wil houden terwijl ze groeit.

## FAQ

### Welk formaat moet een e-mailnieuwsbriefheader hebben?

Ontwerp hem op 1200×600 pixels. De meeste inboxen tonen hem op ongeveer 600 pixels breed en het grotere bestand houdt hem scherp op schermen met hoge dichtheid.

### Welk formaat heeft een Substack-headerafbeelding?

Een Substack-postheader is 1456×816 pixels. Hij wordt ook de voorbeeldafbeelding als de post wordt gedeeld.

### Hoe laat ik mijn nieuwsbrief professioneel ogen?

Houd één titelkop met je naam in elke editie op dezelfde plek, gebruik één kopfont en één leesbaar tekstfont en beperk kleur tot één accent voor links.

### Moet ik mijn nieuwsbriefheader elke editie veranderen?

Houd naam en opmaak vast en verander slechts één element, zoals het editienummer, de kop of een seizoenskleur. Lezers herkennen het vaste deel.

### Werken verlopen in e-mailnieuwsbrieven?

Zet verlopen in de headerafbeelding in plaats van in CSS, want veel e-mailapps negeren CSS-verlopen. Houd lopende tekst als live tekst met sterk contrast.