Tutorials

Substack Design-Guide 2025: So nutzt du Banner, Header und Footer professionell

Melden

Hier ist ein aktueller und leicht verständlicher Guide für das Jahr 2025, wie du deinen Substack-Auftritt optisch auf das nächste Level hebst.

Im Jahr 2025 ist Substack mehr als nur ein Newsletter – es ist deine persönliche Marke. Während deine Texte die Leser halten, sorgt das Design dafür, dass sie sich anmelden. In diesem Guide erfährst du, wie du Banner, Header und Footer perfekt einsetzt.

1. Das Banner (Homepage-Identität)

Das Banner ist das Erste, was Besucher auf deiner Substack-Startseite sehen. Es vermittelt sofort, worum es in deinem Newsletter geht.

  • Zweck: Wiedererkennungswert und Markenbotschaft.
  • Wo du es einstellst: Settings -> Style -> Edit Theme -> Homepage.
  • Pro-Tipp 2025: Nutze ein cleanes Design. Weniger Text ist mehr. Dein Titel wird oft ohnehin über das Bild gelegt, also achte darauf, dass das Bild im Hintergrund nicht zu unruhig ist.
  • Maße: Empfohlen wird ein Seitenverhältnis von 3:1 (z. B. 2100 x 700 Pixel).

2. Der Header (E-Mail & Web-Ansicht)

Der Header erscheint am Anfang jedes Beitrags. Hier unterscheidet Substack zwischen dem Logo und einem optionalen Banner-Bild über dem Text.

Das Logo (Website Header)

  • Was es tut: Es erscheint oben links auf deiner Website und in der Kopfzeile deiner E-Mails.
  • Einstellung: Settings -> Design -> Logo.
  • Format: Quadratisch (mind. 256 x 256 px). Nutze ein PNG mit transparentem Hintergrund.

Der E-Mail-Header

Du kannst für deine Newsletter-Mails einen speziellen Header festlegen.

  • Einstellung: Settings -> Publication Details -> Email header.
  • Nutzen: Hier kannst du z. B. aktuelle Ankündigungen oder saisonale Designs einfügen, ohne die gesamte Website-Struktur zu ändern.

3. Der Footer (Der perfekte Abschluss)

Der Footer (Fußzeile) ist der wichtigste Ort für deine Call-to-Actions (CTA). Hier entscheidest du, was der Leser tun soll, nachdem er deinen Artikel fertig gelesen hat.

Standard-Footer

Substack fügt automatisch Like-, Share- und Kommentar-Buttons ein.

Custom Footer (Individuelle Gestaltung)

  • Wo du es einstellst: Settings -> Publication Details -> Email footer.
  • Was du dort einbauen solltest:
    • Ein Dankeschön: "Danke fürs Lesen!"
    • Social Media Links: Verlinke dein Instagram, LinkedIn oder Twitter (X).
    • Referral-Programm: Erinnere Leser daran, dass sie Belohnungen erhalten, wenn sie Freunde einladen.
    • Archiv-Link: "Lies hier meine beliebtesten Beiträge."

4. Schritt-für-Schritt-Anleitung: So änderst du dein Design

  1. Dashboard öffnen: Gehe in dein Substack-Dashboard und klicke auf Settings (Einstellungen).
  2. Design-Bereich: Klicke in der linken Navigation auf Design.
  3. Theme bearbeiten: Klicke auf den Button Edit Theme. Hier öffnet sich ein Live-Editor.
    • Hier kannst du Schriftarten, Farben und das Layout deiner Startseite anpassen.
  4. Bilder hochladen: In den Settings unter Publication Details kannst du das Logo, das Cover-Bild und die Header/Footer-Grafiken hochladen.

5. Technische Spezifikationen & Best Practices für 2025

Element Empfohlene Größe Dateiformat Tipp
Logo 256 x 256 px PNG (transparent) Muss auch klein (als Icon) gut aussehen.
Banner (Home) 2100 x 700 px JPG / PNG Wichtige Infos in die Mitte (Mobile Optimierung!).
Feature Image 1200 x 600 px JPG Das Bild, das bei Social Media Previews erscheint.

3 goldene Regeln für 2025:

  1. Mobile First: Über 70% deiner Leser nutzen die Substack-App oder das Smartphone. Prüfe immer, ob dein Banner auf einem kleinen Bildschirm noch gut aussieht.
  2. Konsistenz: Nutze dieselben Farben und Schriftarten im Banner wie im Rest deines Substacks.
  3. Ladezeiten: Halte Dateigrößen klein (unter 1 MB pro Bild), damit dein Newsletter in E-Mail-Clients sofort geladen wird.

Fazit: Ein professioneller Look durch abgestimmte Banner, Header und Footer schafft Vertrauen. Es zeigt deinen Lesern, dass du deinen Newsletter ernst nimmst. Starte mit einem sauberen Logo und einem klaren Footer – der Rest entwickelt sich mit der Zeit!

0