# Newsletter-Branding: Header, Social Cards und eine erkennbare Ausgabe

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

Ein Postfach ist eine Liste aus Namen und Betreffzeilen, bis jemand dich öffnet. Dann hast du die Aufmerksamkeit für einen Header, um zu beweisen, dass dies der Newsletter ist, den man abonniert hat.

## The short version

- Newsletter-Branding ist ein einheitlicher Name, eine Kopfzeile, Palette und Schrift in der E-Mail selbst, im Web-Archiv und auf den Cards, mit denen du jede Ausgabe bewirbst.
- Ein E-Mail-Header wird meist in 1200×600 Pixeln gestaltet und etwa 600 Pixel breit angezeigt, seine Wörter müssen also groß und wenige sein.
- Ein Substack-Beitrags-Header misst 1456×816 Pixel und wird auch zum Vorschaubild, wenn eine Ausgabe geteilt wird.
- Das verlässlichste Kopfzeilen-System hält Namen und Layout fest und ändert pro Ausgabe eine Sache, etwa die Ausgabennummer, eine Schlagzeile oder eine Saisonfarbe.
- Jede Ausgabe verdient zwei oder drei Promo-Cards in Social-Größen, aus demselben Layout gebaut, damit sie in Minuten entstehen.

**Newsletter-Branding** sorgt dafür, dass Leserinnen und Leser deine Ausgabe erkennen, bevor sie sie lesen: dieselbe Kopfzeile oben in jeder E-Mail, eine Palette und Schrift, die in dein Web-Archiv reichen, und Promo-Cards in Social Media, die aussehen, als kämen sie aus derselben Publikation. Gestalte den E-Mail-Header in 1200×600 Pixeln, den Substack-Beitrags-Header in 1456×816 und halte ein festes Layout, in dem sich nur die Angaben der Ausgabe ändern. Leser kehren zu Publikationen zurück, die stabil wirken, und ein stabiler Look macht auch jede Ausgabe schneller zu produzieren.

## Bildgrößen für Newsletter

| Element | Größe | Hinweise |
| --- | --- | --- |
| E-Mail-Header | 1200×600 px | In den meisten Postfächern etwa 600 px breit angezeigt |
| Substack-Beitrags-Header | 1456×816 px | Auch die Teilen-Vorschau der Ausgabe |
| Link-Vorschau (Open Graph) | 1200×630 px | Für ein selbst gehostetes Archiv oder eine Landingpage |
| Medium-Story-Bild | 1400×788 px | Wenn du crosspostest |
| Beitrag auf X | 1600×900 px | Promo-Card für jede Ausgabe |
| Instagram und LinkedIn im Hochformat | 1080×1350 px | Promo-Card und Zitatkarten |
| E-Mail-Signatur | 600×200 px | Ein kleines Banner mit Link zur Anmeldung |

Gestalte den Header in doppelter Anzeigebreite, damit er auf hochauflösenden Bildschirmen scharf bleibt.

- E-Mail-Header 1200×600: 1200 × 600
- Substack-Header 1456×816: 1456 × 816
- Promo-Card 1080×1350: 1080 × 1350
- X-Card 1600×900: 1600 × 900

Vier Formen, eine Publikation. Der E-Mail-Header ist der breiteste und flachste, er trägt also am wenigsten Text.

Größen für jede Plattform ausführlicher stehen in [Substack-Header-Größe](https://gradiently.design/de/guide/substack-header-size) und [E-Mail-Header gestalten](https://gradiently.design/de/guide/email-header-design). Wenn du auch auf LinkedIn veröffentlichst, folgt dessen Newsletter-Cover eigenen Regeln, behandelt in [LinkedIn-Newsletter-Cover](https://gradiently.design/de/guide/linkedin-newsletter-cover).

## Eine Kopfzeile gestalten, die jede Ausgabe trägt

Eine Kopfzeile ist der feste obere Teil deines Newsletters: der Name, vielleicht eine kurze Zeile dazu, was er ist, und die Angaben zur Ausgabe. Printmagazine nutzen die Idee seit weit über hundert Jahren, weil sie funktioniert. Leser finden den Namen jedes Mal an derselben Stelle, und der Inhalt darunter kann sich frei ändern.

Ein breiter E-Mail-Newsletter-Header mit dem Text Die Langsame Küche, Ausgabe 48, Sonntag und einer kurzen Beschreibung

Ein E-Mail-Header: der Name groß, Ausgabe und Tag klein darüber, ein Ein-Zeilen-Versprechen darunter.

1. **Name und Position festlegen** Gleiche Schrift, gleiche Größe, gleicher Platz in jeder Ausgabe. Das ist der Teil, den Leser lernen.
2. **Wähle, was sich ändert** Wähle eine Variable: die Ausgabennummer, das Datum, eine Schlagzeile oder eine Saisonfarbe. Eine genügt.
3. **Text von den Rändern fernhalten** Manche E-Mail-Apps beschneiden oder skalieren Header. Halte Wörter in den mittleren 80 Prozent.
4. **Echten Alt-Text schreiben** Manche Leser haben Bilder standardmäßig aus. Alt-Text wie „Die Langsame Küche, Ausgabe 48“ lässt die Kopfzeile ohne das Bild funktionieren.

Wenn du pro Ausgabe eine Sache änderst, wähle etwas mit Bedeutung. Ein wöchentlicher Kochbrief könnte mit den Jahreszeiten die Farbe wechseln, ein monatlicher Finanzbrief die wichtigste Zahl des Monats in den Header setzen.

- Frühlingsausgaben: `linear-gradient(120deg, #fef3c7 0%, #a7f3d0 100%)`
- Sommerausgaben: `linear-gradient(120deg, #fde68a 0%, #fb923c 100%)`
- Herbstausgaben: `linear-gradient(120deg, #fed7aa 0%, #9a3412 100%)`
- Winterausgaben: `linear-gradient(120deg, #e0e7ff 0%, #475569 100%)`

Vier saisonale Hintergründe hinter einer festen Kopfzeile. Leser spüren, wie das Jahr vergeht, während die Publikation gleich bleibt.

## Eine Palette und Schrift, die im Postfach lesbar sind

Das meiste eines Newsletters ist Text, die Schrift zählt also mehr als der Header. Nutze eine gut lesbare Textschrift, eine eigenständige Überschriftschrift für den Namen und eine Akzentfarbe für Links und Buttons. Halte den Text dunkel auf hell: Viele Leser nutzen den Dunkelmodus, und E-Mail-Apps kehren Farben auf Weisen um, die du nicht ganz kontrollieren kannst.

- Papier: #fbf7f0
- Tinte: #1f1a17
- Rost-Überschrift: #7c2d12
- Bernstein-Link: #d97706
- Trenner: #e7dccb

Eine warme redaktionelle Palette. Papier und Tinte erledigen das Lesen, Rost ist für den Namen, Bernstein nur für Links.

### Geht im Postfach kaputt

- Wichtige Wörter ins Bild gebacken, ohne Alt-Text
- Dünner hellgrauer Fließtext
- Ein Header nur aus Text und ohne Luft
- Hintergrundbilder hinter dem Fließtext

### Übersteht das Postfach

- Echter Text für alles, was zählt
- Fließtext mit starkem Kontrast im hellen und dunklen Modus
- Ein Header mit klarem Namen und Raum drumherum
- Verläufe nur im Header-Bild

E-Mail-Clients sind streng bei CSS, Verläufe gehören also ins Header-Bild statt in den Code. [Verläufe in E-Mails](https://gradiently.design/de/guide/gradients-in-email) erklärt, welche Ansätze in welchen Apps überleben.

## Promo-Cards für jede Ausgabe

Die meisten Newsletter wachsen durch Teilen und Social-Beiträge, und ein schlichter Link mit allgemeiner Vorschau wird übersprungen. Mache pro Ausgabe zwei oder drei Cards aus einer festen Vorlage: eine mit der Schlagzeile der Ausgabe, eine mit einer Zeile aus ihrem Inneren und eine Anmelde-Card, die du wiederverwendest.

Eine Promo-Card im Hochformat mit dem Text Warum dein Brot fad schmeckt, Die Langsame Küche Nummer 48

Die Ausgaben-Card für Instagram und LinkedIn: Schlagzeile, Ausgabennummer und wo man liest.

Eine Zitatkarte im Querformat mit dem Text Salz ist eine Frage des Timings, aus der Ausgabe dieser Woche

Eine herausgezogene Zeile für X und Bluesky. Kurz, konkret und leicht überraschend wirkt am besten.

- **Ausgaben-Card:** die Schlagzeile und Nummer, am Tag des Versands gepostet.
- **Zitatkarte:** eine Zeile aus dem Inneren, ein oder zwei Tage später gepostet. Siehe [Zitatkarten gestalten](https://gradiently.design/de/guide/quote-card-design).
- **Anmelde-Card:** was Leser bekommen und wie oft, an dein Profil angeheftet.
- **Meilenstein-Card:** Ausgabe 50, 100 oder ein Jahr Versand.

Wenn du wöchentlich schreibst, lohnt es sich, diesen Teil zu automatisieren. Mit Gradiently Pro kannst du eine Liste von Ausgaben in einer Tabelle führen und per Serienerstellung für jede Zeile eine Card machen oder eine Card gestalten und in einem Schritt auf alle Formate skalieren. Automatische Farbe wählt pro Zeile helle oder dunkle Schrift aus den eigenen Farben des Hintergrunds, sodass eine Schlagzeile lesbar bleibt, welche Farbe die Saison auch hat. [Texte für Visuals schreiben](https://gradiently.design/de/guide/writing-copy-for-visuals) hilft bei den Wörtern selbst.

## Mache den Look nur zu deinem

Newsletter-Plattformen geben allen dieselbe Handvoll Themes, ein eigener Header ist also einer der wenigen Orte, an denen du dich abheben kannst. Ein Mark von Gradiently ist ein lebendiger Hintergrund, mit dem niemand sonst exportieren kann, sobald du ihn gesichert hast, was zu einer Publikation passt, deren Kopfzeile beim Wachsen unverwechselbar bleiben soll.

## FAQ

### Welche Größe sollte ein E-Mail-Newsletter-Header haben?

Gestalte ihn in 1200×600 Pixeln. Die meisten Postfächer zeigen ihn etwa 600 Pixel breit an, und die größere Datei hält ihn auf hochauflösenden Bildschirmen scharf.

### Welche Größe hat ein Substack-Header-Bild?

Ein Substack-Beitrags-Header misst 1456×816 Pixel. Er wird auch zum Vorschaubild, wenn der Beitrag geteilt wird.

### Wie lasse ich meinen Newsletter professionell aussehen?

Halte eine Kopfzeile mit deinem Namen in jeder Ausgabe an derselben Stelle, nutze eine Überschriftschrift und eine gut lesbare Textschrift und beschränke Farbe auf einen einzigen Akzent für Links.

### Sollte ich meinen Newsletter-Header jede Ausgabe ändern?

Halte Name und Layout fest und ändere nur ein Element, etwa Ausgabennummer, Schlagzeile oder eine Saisonfarbe. Leser erkennen den festen Teil.

### Funktionieren Verläufe in E-Mail-Newslettern?

Setze Verläufe ins Header-Bild statt in CSS, denn viele E-Mail-Apps ignorieren CSS-Verläufe. Halte den Fließtext als echten Text mit starkem Kontrast.