# Nyhetsbrevets varumärke: huvuden, delningskort och utgåvor

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

En inkorg är en lista med namn och ämnesrader tills någon öppnar dig. Då har du ett sidhuvuds värde av uppmärksamhet på dig för att bevisa att det här är nyhetsbrevet de prenumererade på.

## The short version

- Varumärket för ett nyhetsbrev är ett konsekvent namn, sidhuvud, palett och typografi i själva mejlet, webbarkivet och de kort du delar för att marknadsföra varje utgåva.
- Ett mejlhuvud designas vanligen i 1200×600 pixlar och visas ungefär 600 pixlar brett, så orden måste vara stora och få.
- Ett Substack-inläggshuvud är 1456×816 pixlar och blir också förhandsbilden när en utgåva delas.
- Det mest pålitliga systemet för sidhuvud håller namn och layout fasta och ändrar en sak per utgåva, som utgåvans nummer, en rubrik eller en säsongsfärg.
- Varje utgåva förtjänar två eller tre kampanjkort i sociala storlekar, byggda på samma layout så att de går att göra på några minuter.

**Nyhetsbrevets varumärke** är det som får en läsare att känna igen din utgåva innan hen läst den: samma sidhuvud överst i varje mejl, en palett och ett typsnitt som följer med till webbarkivet och kampanjkort i sociala medier som ser ut att komma från samma publikation. Designa mejlhuvudet i 1200×600 pixlar, Substack-inläggshuvudet i 1456×816, och behåll en fast layout där bara utgåvans uppgifter ändras. Läsare återvänder till publikationer som känns stabila, och en stabil look gör också varje utgåva snabbare att producera.

## Bildstorlekar för nyhetsbrev

| Material | Storlek | Anteckningar |
| --- | --- | --- |
| Mejlhuvud | 1200×600 px | Visas runt 600 px brett i de flesta inkorgar |
| Substack-inläggshuvud | 1456×816 px | Också delningsförhandsvisningen för utgåvan |
| Länkförhandsvisning (Open Graph) | 1200×630 px | För ett eget arkiv eller en landningssida |
| Medium-bild | 1400×788 px | Om du korsposterar |
| X-inlägg | 1600×900 px | Kampanjkort för varje utgåva |
| Instagram och LinkedIn i porträtt | 1080×1350 px | Kampanjkort och citatkort |
| Mejlsignatur | 600×200 px | En liten banner som länkar till prenumeration |

Designa huvudet i dubbel visningsbredd så att det håller sig skarpt på skärmar med hög täthet.

- Mejlhuvud 1200×600: 1200 × 600
- Substack-huvud 1456×816: 1456 × 816
- Kampanjkort 1080×1350: 1080 × 1350
- X-kort 1600×900: 1600 × 900

Fyra former, en publikation. Mejlhuvudet är det bredaste och lägsta, så det bär minst text.

Storlekar för varje plattform i mer detalj finns i [Substack header storlek](https://gradiently.design/sv/guide/substack-header-size) och [design av mejlhuvud](https://gradiently.design/sv/guide/email-header-design). Om du publicerar på LinkedIn också följer dess nyhetsbrevsomslag egna regler, som tas upp i [LinkedIn-nyhetsbrevets omslag](https://gradiently.design/sv/guide/linkedin-newsletter-cover).

## Designa ett sidhuvud som bär varje utgåva

Ett sidhuvud är nyhetsbrevets fasta topp: namnet, kanske en kort rad om vad det är, och utgåvans uppgifter. Tryckta tidskrifter har använt idén i mer än ett sekel för att den fungerar. Läsare hittar namnet på samma ställe varje gång och innehållet under kan ändras fritt.

Ett brett mejlhuvud för nyhetsbrevet som lyder Långsamma köket, nummer 48, söndag, med en kort beskrivning

Ett mejlhuvud: namnet stort, nummer och dag litet ovanför, ett löfte på en rad under.

1. **Lås namnet och dess plats** Samma typsnitt, samma storlek, samma plats i varje utgåva. Det här är delen läsarna lär sig.
2. **Välj vad som ändras** Välj en variabel: utgåvans nummer, datumet, en rubrik eller en säsongsfärg. En räcker.
3. **Håll text borta från kanterna** Vissa mejlappar beskär eller skalar huvuden. Håll orden i de mittersta 80 procenten.
4. **Skriv riktig alt-text** Vissa läsare har bilder avstängda som standard. Alt-text som ”Långsamma köket, nummer 48” håller sidhuvudet i funktion utan bilden.

Om du ändrar en sak per utgåva, välj något som har mening. Ett veckovist matlagningsbrev kan skifta färg med årstiderna, ett månatligt ekonomibrev kan sätta månadens viktigaste siffra i huvudet.

- Vårnummer: `linear-gradient(120deg, #fef3c7 0%, #a7f3d0 100%)`
- Sommarnummer: `linear-gradient(120deg, #fde68a 0%, #fb923c 100%)`
- Höstnummer: `linear-gradient(120deg, #fed7aa 0%, #9a3412 100%)`
- Vinternummer: `linear-gradient(120deg, #e0e7ff 0%, #475569 100%)`

Fyra säsongsbakgrunder bakom ett fast sidhuvud. Läsarna känner hur året rör sig medan publikationen förblir densamma.

## En palett och typografi som fungerar i inkorgen

Det mesta av ett nyhetsbrev är text, så typsnittet betyder mer än huvudet. Använd ett läsbart brödtypsnitt, ett tydligt rubriktypsnitt för namnet och en accentfärg för länkar och knappar. Håll brödtexten mörk på ljus bakgrund: många läsare använder mörkt läge, och mejlappar inverterar färger på sätt du inte helt kan styra.

- Papper: #fbf7f0
- Bläck: #1f1a17
- Rostrubrik: #7c2d12
- Bärnstenslänk: #d97706
- Avdelare: #e7dccb

En varm redaktionell palett. Papper och Bläck sköter läsningen, rost är för namnet och bärnsten bara för länkar.

### Går sönder i inkorgar

- Viktiga ord inbakade i en bild utan alt-text
- Tunn ljusgrå brödtext
- Ett huvud som bara är text utan luft
- Bakgrundsbilder bakom brödtext

### Klarar inkorgar

- Levande text för allt som spelar roll
- Brödtext med stark kontrast i ljust och mörkt läge
- Ett huvud med ett tydligt namn och luft runt det
- Gradienter bara i huvudbilden

Mejlklienter är strikta med CSS, så gradienter hör hemma i huvudbilden snarare än i koden. [Gradienter i mejl](https://gradiently.design/sv/guide/gradients-in-email) förklarar vilka tillvägagångssätt som överlever vilka appar.

## Kampanjkort för varje utgåva

De flesta nyhetsbrev växer genom delningar och inlägg i sociala medier, och en vanlig länk med en generisk förhandsvisning hoppas över. Gör två eller tre kort per utgåva från en fast mall: ett med utgåvans rubrik, ett med en rad hämtad inifrån den och ett prenumerationskort du återanvänder.

Ett kampanjkort i porträtt med texten Därför smakar ditt bröd platt, Långsamma köket nummer 48

Utgåvokortet för Instagram och LinkedIn: rubrik, utgåvans nummer och var man läser.

Ett citatkort i liggande format med texten Salt är ett tajmingproblem, från veckans utgåva

En utdragen rad för X och Bluesky. Kort, specifik och lite överraskande fungerar bäst.

- **Utgåvokort:** rubriken och numret, postat samma dag som den går ut.
- **Citatkort:** en rad inifrån, postad en dag eller två senare. Se [design av citatkort](https://gradiently.design/sv/guide/quote-card-design).
- **Prenumerationskort:** vad läsarna får och hur ofta, fäst överst på din profil.
- **Milstolpekort:** utgåva 50, 100 eller ett år av utskick.

Om du skriver varje vecka är det här delen som är värd att automatisera. I Gradiently Pro kan du hålla en lista över utgåvor i ett kalkylblad och massskapa ett kort för varje rad, eller designa ett kort och ändra storleken till alla format i ett steg. Auto-bläck väljer ljus eller mörk text per rad utifrån bakgrundens egna färger, så en rubrik förblir läsbar oavsett säsongens färg. [Att skriva text för bilder](https://gradiently.design/sv/guide/writing-copy-for-visuals) hjälper med själva orden.

## Gör looken till bara din

Nyhetsbrevsplattformar ger alla samma handfull teman, så ett särpräglat huvud är en av de få platser där du kan sticka ut. En Mark i Gradiently är en levande bakgrund som ingen annan kan exportera med när du har säkrat den, vilket passar en publikation som vill att sidhuvudet ska förbli omisskännligt medan den växer.

## FAQ

### Vilken storlek ska ett mejlhuvud för nyhetsbrev ha?

Designa det i 1200×600 pixlar. De flesta inkorgar visar det runt 600 pixlar brett, och den större filen håller det skarpt på skärmar med hög täthet.

### Vilken storlek har en Substack-headerbild?

Ett Substack-inläggshuvud är 1456×816 pixlar. Det blir också förhandsbilden när inlägget delas.

### Hur får jag mitt nyhetsbrev att se professionellt ut?

Behåll ett sidhuvud med ditt namn på samma plats i varje utgåva, använd ett rubriktypsnitt och ett läsbart brödtypsnitt och begränsa färgen till en enda accent för länkar.

### Ska jag byta huvud på nyhetsbrevet varje utgåva?

Behåll namn och layout fasta och ändra bara ett element, som utgåvans nummer, rubriken eller en säsongsfärg. Läsarna känner igen den fasta delen.

### Fungerar gradienter i nyhetsbrev?

Lägg gradienter i huvudbilden i stället för i CSS, eftersom många mejlappar ignorerar CSS-gradienter. Behåll brödtexten som levande text med stark kontrast.