Markt
Preise
AnmeldenLoslegen
LeitfadenAnwendungsfälle
Anwendungsfälle

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

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.

GradientlyVerifiziertes Gradiently-Konto·1. Oktober 2026·5 Min. Lesezeit
Cover: Sunlit Atrium · GR·CT6Y·95

Die Kurzfassung

  • 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.
Auf dieser Seite
Bildgrößen für NewsletterEine Kopfzeile gestalten, die jede Ausgabe trägtEine Palette und Schrift, die im Postfach lesbar sindPromo-Cards für jede AusgabeMache den Look nur zu deinem

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

E-Mail-Header

Größe

1200×600 px

Hinweise

In den meisten Postfächern etwa 600 px breit angezeigt
Substack-Beitrags-Header

Größe

1456×816 px

Hinweise

Auch die Teilen-Vorschau der Ausgabe
Link-Vorschau (Open Graph)

Größe

1200×630 px

Hinweise

Für ein selbst gehostetes Archiv oder eine Landingpage
Medium-Story-Bild

Größe

1400×788 px

Hinweise

Wenn du crosspostest
Beitrag auf X

Größe

1600×900 px

Hinweise

Promo-Card für jede Ausgabe
Instagram und LinkedIn im Hochformat

Größe

1080×1350 px

Hinweise

Promo-Card und Zitatkarten
E-Mail-Signatur

Größe

600×200 px

Hinweise

Ein kleines Banner mit Link zur Anmeldung
ElementGrößeHinweise
E-Mail-Header1200×600 pxIn den meisten Postfächern etwa 600 px breit angezeigt
Substack-Beitrags-Header1456×816 pxAuch die Teilen-Vorschau der Ausgabe
Link-Vorschau (Open Graph)1200×630 pxFür ein selbst gehostetes Archiv oder eine Landingpage
Medium-Story-Bild1400×788 pxWenn du crosspostest
Beitrag auf X1600×900 pxPromo-Card für jede Ausgabe
Instagram und LinkedIn im Hochformat1080×1350 pxPromo-Card und Zitatkarten
E-Mail-Signatur600×200 pxEin 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 und E-Mail-Header gestalten. Wenn du auch auf LinkedIn veröffentlichst, folgt dessen Newsletter-Cover eigenen Regeln, behandelt in 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.

Ausgabe 48 · Sonntag
Die Langsame Küche
Ein saisonales Rezept und warum es funktioniert
Gradiently · @gradiently

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

  1. 1

    Name und Position festlegen

    Gleiche Schrift, gleiche Größe, gleicher Platz in jeder Ausgabe. Das ist der Teil, den Leser lernen.

  2. 2

    Wähle, was sich ändert

    Wähle eine Variable: die Ausgabennummer, das Datum, eine Schlagzeile oder eine Saisonfarbe. Eine genügt.

  3. 3

    Text von den Rändern fernhalten

    Manche E-Mail-Apps beschneiden oder skalieren Header. Halte Wörter in den mittleren 80 Prozent.

  4. 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.

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.

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 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.

Die Langsame Küche · Nr. 48
Warum dein Brot fad schmeckt
Jetzt erschienen, Link in der Bio
Gradiently · @gradiently

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

Aus der Ausgabe dieser Woche
Salz ist eine Frage des Timings.
Gradiently · @gradiently

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.
  • 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 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.

Finde einen Farbverlauf, der nur dir gehört

Stöbere durch Tausende Marks, gestalte kostenlos mit jedem davon und sichere dir den, der sich nach dir anfühlt.

Den Markt durchstöbern

Häufige Fragen

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.

Diesen Artikel teilen

Geschrieben von GradientlyVerifiziertes Gradiently-Konto

Das Team hinter Gradiently, einem Designtool rund um Marks: lebendige Farbverläufe, durch die alles, was du gestaltest, nach dir aussieht.

Unser Profil ansehen

Auf dieser Seite

Bildgrößen für NewsletterEine Kopfzeile gestalten, die jede Ausgabe trägtEine Palette und Schrift, die im Postfach lesbar sindPromo-Cards für jede AusgabeMache den Look nur zu deinem

Diesen Artikel teilen

Als Nächstes in Anwendungsfälle

Buchmarketing-Grafiken für Autoren: vom Launch bis zur Backlist

Weiterlesen

Alle Artikel zu Anwendungsfälle
Hintergründe

E-Mail-Header gestalten mit Farbverläufen

5 Min. Lesezeit

Ein E-Mail-Header ist das Erste, was jemand nach der Betreffzeile sieht, in einem Postfach, das du nicht kontrollierst. Ihn gut zu gestalten heißt, von Anfang an mit blockierten Bildern, Dark Mode und kleinen Bildschirmen zu planen.

Social Media

Substack Header Bildgröße: 1456×816 für Posts und Shares

4 Min. Lesezeit

Das Bild oben in einem Substack-Post hat drei Aufgaben: Es eröffnet die E-Mail, es vertritt den Post auf deiner Seite und in der App, und es reist mit jedem geteilten Link.

CSS und Web

Farbverlauf als E-Mail-Hintergrund: was in Gmail und Outlook klappt

5 Min. Lesezeit

Farbverläufe sehen im Browser wunderbar aus und im Posteingang unberechenbar. Bau sie in Ebenen, und jeder Leser bekommt etwas, das gewollt aussieht.

Finde den Look, der nur dir gehört.

Jeder Mark ist ein lebendiger Hintergrund mit einem Besitzer. Probiere einen noch freien Mark und sichere dir deinen, wenn es sich richtig anfühlt.

Jetzt gestalten

Zertifikat prüfen

Gib eine Zertifikatsnummer oder den Code eines Marks ein, um zu sehen, wem er gehört.

Funktioniert mit ChatGPT und Claude

Bitte deine KI um ein Design. Sie macht es in deinem Mark, bereit zum Bearbeiten.

ChatGPTClaude
So verbindest du sie

Produkt

  • Markt
  • Erkunden
  • Preise
  • Zertifikate

Lernen

  • Leitfaden
  • Hilfe-Center
  • Neuigkeiten

Entwickler

  • Überblick
  • ChatGPT und Claude
  • API-Referenz
  • API-Schlüssel

Unternehmen

  • Über uns
  • Kontakt
  • Anmelden

Rechtliches

  • Nutzungsbedingungen
  • Datenschutz
  • Erstattungen
  • Mark-Schutz
  • Cookies
  • Alle Richtlinien
Fahr über die Buchstaben. Jeder trägt einen echten Mark.Tippe auf einen Buchstaben, um seinen Mark zu sehen.Ein Name. Zehn Marks darin.
© 2026 Gradiently