# Branding af nyhedsbreve: headere, kort og en genkendelig udgave

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

En indbakke er en liste af navne og emnelinjer, indtil nogen åbner dig. Så har du én headers opmærksomhed til at bevise, at det er det nyhedsbrev, de tilmeldte sig.

## The short version

- Branding af nyhedsbreve er et konsekvent navn, masthead, palet og typografi på tværs af selve mailen, webarkivet og de kort, du deler for at promovere hver udgave.
- En mailheader designes som regel i 1200×600 pixels og vises omkring 600 pixels bred, så ordene skal være store og få.
- En Substack-indlægsheader er 1456×816 pixels og bliver også forhåndsvisningsbilledet, når en udgave deles.
- Det mest pålidelige mastheadsystem holder navn og layout fast og ændrer én ting pr. udgave, som udgavenummeret, en overskrift eller en sæsonfarve.
- Hver udgave fortjener to eller tre promokort i formater til sociale medier, bygget på samme layout, så de kan laves på få minutter.

**Branding af nyhedsbreve** er det, der får en læser til at genkende din udgave, før de læser den: det samme masthead øverst i hver mail, en palet og en skrifttype, der går igen i dit webarkiv, og promokort på sociale medier, der ser ud til at komme fra den samme publikation. Design mailheaderen i 1200×600 pixels, Substack-indlægsheaderen i 1456×816, og hold fast i ét layout, hvor kun udgavedetaljerne ændrer sig. Læsere vender tilbage til publikationer, der føles stabile, og et stabilt udtryk gør også hver udgave hurtigere at producere.

## Billedstørrelser til nyhedsbreve

| Materiale | Størrelse | Noter |
| --- | --- | --- |
| Mailheader | 1200×600 px | Vises omkring 600 px bred i de fleste indbakker |
| Substack-indlægsheader | 1456×816 px | Også forhåndsvisningen, når udgaven deles |
| Linkforhåndsvisning (Open Graph) | 1200×630 px | Til et selvhostet arkiv eller en landingsside |
| Billede til Medium-artikel | 1400×788 px | Hvis du krydsposter |
| Opslag på X | 1600×900 px | Promokort til hver udgave |
| Stående Instagram og LinkedIn | 1080×1350 px | Promokort og citatkort |
| Mailsignatur | 600×200 px | Et lille banner med link til tilmelding |

Design headeren i dobbelt visningsbredde, så den forbliver skarp på skærme med høj opløsning.

- Mailheader 1200×600: 1200 × 600
- Substack-header 1456×816: 1456 × 816
- Promokort 1080×1350: 1080 × 1350
- X-kort 1600×900: 1600 × 900

Fire formater, én publikation. Mailheaderen er den bredeste og laveste, så den bærer mindst tekst.

Størrelser til hver platform mere i dybden finder du i [Substack-headerstørrelse](https://gradiently.design/da/guide/substack-header-size) og [design af mailheadere](https://gradiently.design/da/guide/email-header-design). Udgiver du også på LinkedIn, følger dets nyhedsbrevscover sine egne regler, som gennemgås i [cover til LinkedIn-nyhedsbrev](https://gradiently.design/da/guide/linkedin-newsletter-cover).

## Design et masthead, der holder til hver udgave

Et masthead er den faste top på dit nyhedsbrev: navnet, måske en kort linje om, hvad det er, og udgavedetaljerne. Trykte magasiner har brugt idéen i godt over hundrede år, fordi den virker. Læserne finder navnet samme sted hver gang, og indholdet nedenunder kan skifte frit.

En bred header til et nyhedsbrev med teksten The Slow Kitchen, udgave 48, søndag, og en kort beskrivelse

En mailheader: navnet stort, udgave og dag småt ovenover, et løfte på én linje nedenunder.

1. **Fastlæg navnet og dets placering** Samme skrift, samme størrelse, samme sted i hver udgave. Det er den del, læserne lærer.
2. **Vælg, hvad der skifter** Vælg én variabel: udgavenummeret, datoen, en overskrift eller en sæsonfarve. Én er nok.
3. **Hold tekst væk fra kanterne** Nogle mailprogrammer beskærer eller skalerer headere. Hold ordene inden for de midterste 80 procent.
4. **Skriv rigtig alt-tekst** Nogle læsere har billeder slået fra som standard. En alt-tekst som »The Slow Kitchen, udgave 48« holder mastheadet i gang uden billedet.

Ændrer du én ting pr. udgave, så gør det til noget med mening. Et ugentligt madbrev kan skifte farve med årstiderne; et månedligt økonomibrev kan sætte månedens vigtigste tal i headeren.

- Forårsudgaver: `linear-gradient(120deg, #fef3c7 0%, #a7f3d0 100%)`
- Sommerudgaver: `linear-gradient(120deg, #fde68a 0%, #fb923c 100%)`
- Efterårsudgaver: `linear-gradient(120deg, #fed7aa 0%, #9a3412 100%)`
- Vinterudgaver: `linear-gradient(120deg, #e0e7ff 0%, #475569 100%)`

Fire sæsonbaggrunde bag ét fast masthead. Læserne mærker året gå, mens publikationen forbliver den samme.

## En palet og typografi, der kan læses i indbakken

Det meste af et nyhedsbrev er tekst, så typografien betyder mere end headeren. Brug én læsevenlig brødtekstskrift, en markant overskriftsskrift til navnet og én accentfarve til links og knapper. Hold brødteksten mørk på lys: mange læsere bruger mørk tilstand, og mailprogrammer inverterer farver på måder, du ikke helt kan styre.

- Papir: #fbf7f0
- Blæk: #1f1a17
- Rustoverskrift: #7c2d12
- Ravlink: #d97706
- Skillelinje: #e7dccb

En varm redaktionel palet. Papir og Blæk står for læsningen; rust er til navnet, rav kun til links.

### Går i stykker i indbakker

- Vigtige ord bagt ind i et billede uden alt-tekst
- Tynd lysegrå brødtekst
- En header, der kun er tekst uden luft
- Baggrundsbilleder bag brødteksten

### Overlever indbakker

- Levende tekst til alt, der betyder noget
- Brødtekst med stærk kontrast i lys og mørk tilstand
- En header med et tydeligt navn og luft omkring
- Gradienter kun i headerbilledet

Mailprogrammer er strenge med CSS, så gradienter hører hjemme i headerbilledet frem for i koden. [Gradienter i mails](https://gradiently.design/da/guide/gradients-in-email) forklarer, hvilke metoder der overlever i hvilke programmer.

## Promokort til hver udgave

De fleste nyhedsbreve vokser gennem delinger og opslag på sociale medier, og et rent link med en generisk forhåndsvisning bliver sprunget over. Lav to eller tre kort pr. udgave ud fra en fast skabelon: ét med udgavens overskrift, ét med en linje hentet indefra og et tilmeldingskort, du genbruger.

Et stående promokort med teksten Derfor smager dit brød fladt, The Slow Kitchen nummer 48

Udgavekortet til Instagram og LinkedIn: overskrift, udgavenummer og hvor man kan læse det.

Et liggende citatkort med teksten Salt er et spørgsmål om timing, fra denne uges udgave

En udvalgt linje til X og Bluesky. Kort, konkret og lidt overraskende virker bedst.

- **Udgavekort:** overskriften og nummeret, postet den dag, udgaven sendes.
- **Citatkort:** én linje indefra, postet en dag eller to senere. Se [design af citatkort](https://gradiently.design/da/guide/quote-card-design).
- **Tilmeldingskort:** hvad læserne får, og hvor ofte, fastgjort på din profil.
- **Milepælskort:** udgave 50, 100 eller et år med udsendelser.

Skriver du hver uge, er det denne del, der er værd at automatisere. Med Gradiently Pro kan du holde en liste over udgaver i et regneark og masseoprette et kort for hver række, eller designe ét kort og tilpasse det til alle formater i ét trin. Automatisk tekstfarve vælger lys eller mørk tekst for hver linje ud fra baggrundens egne farver, så en overskrift forbliver læsbar, uanset sæsonens farve. [Tekster til visuelt indhold](https://gradiently.design/da/guide/writing-copy-for-visuals) hjælper med selve ordene.

## Gør udtrykket til dit alene

Platforme til nyhedsbreve giver alle den samme håndfuld temaer, så en karakteristisk header er et af de få steder, hvor du kan skille dig ud. En Gradiently Mark er en levende baggrund, som ingen andre kan eksportere med, når du har sikret dig den, og det passer til en publikation, der vil have sit masthead til at forblive umiskendeligt, mens den vokser.

## FAQ

### Hvilken størrelse skal en header til et nyhedsbrev på mail have?

Design den i 1200×600 pixels. De fleste indbakker viser den omkring 600 pixels bred, og den større fil holder den skarp på skærme med høj opløsning.

### Hvilken størrelse har et Substack-headerbillede?

En Substack-indlægsheader er 1456×816 pixels. Den bliver også forhåndsvisningsbilledet, når indlægget deles.

### Hvordan får jeg mit nyhedsbrev til at se professionelt ud?

Hav ét masthead med dit navn samme sted i hver udgave, brug én overskriftsskrift og én læsevenlig brødtekstskrift, og begræns farven til én accent til links.

### Skal jeg ændre headeren på mit nyhedsbrev i hver udgave?

Hold navn og layout fast, og skift kun ét element, som udgavenummeret, overskriften eller en sæsonfarve. Læserne genkender den faste del.

### Virker gradienter i nyhedsbreve på mail?

Læg gradienter i headerbilledet frem for i CSS, fordi mange mailprogrammer ignorerer CSS-gradienter. Hold brødteksten som levende tekst med stærk kontrast.