So nutzt du die Vorlage, ohne dich im Design zu verlieren
Newsletter gestalten heißt in der Praxis: Du brauchst ein Layout, das sofort lesbar ist, auf dem Smartphone nicht zerfällt und den nächsten Klick sichtbar macht. Starte deshalb nicht mit Farben. Starte mit der Frage: Welche eine Aufgabe hat diese E-Mail?
Wähle eine der drei Vorlagen oben:
- Verein / Info: zwei kurze Neuigkeiten, ein Termin, ein ruhiger Footer.
- Coach / Verkauf: ein Problem, ein hilfreicher Tipp, ein klarer Termin- oder Angebotsbutton.
- Shop / Produkt: ein Produkt, ein Nutzen, ein Bild, ein Button.
Danach ersetzt du nur noch Logo, Betreff, Text und Button. Die Vorlagen sind bewusst als kopierbare Struktur gedacht, nicht als fertige HTML-Datei und nicht als Versandcode. Wenn du mehr als einen Hauptbutton brauchst, ist der Newsletter wahrscheinlich zu voll. Teile ihn lieber in zwei Ausgaben.
Schrift, Abstand und Farben: die Werte, die wirklich zählen
Die meisten Newsletter scheitern nicht an der falschen Schmuckfarbe. Sie scheitern an zu kleiner Schrift, zu wenig Abstand und einem Button, der auf dem Smartphone schwer zu treffen ist.
Nutze diese Basiswerte:
- Fließtext: 16 bis 18px.
- Überschrift: 24 bis 28px.
- Zeilenhöhe: etwa 1.5 bis 1.6.
- Absatzabstand: 10 bis 16px.
- Button-Höhe: mindestens 44px, besser 48px.
- Seitlicher Abstand mobile: mindestens 15px.
- Textfarbe: dunkles Grau auf hellem Grund, nicht hellgrau auf weiß.
Webfonts sind im Newsletter kein Fundament. Viele E-Mail-Clients laden sie nicht zuverlässig. Arial, Helvetica, Georgia, Verdana und Tahoma sind langweilig, aber stabil. Für Newsletter ist stabil besser als besonders.
Schnelltest
Wenn du den Newsletter auf dem Smartphone aus 35cm Abstand öffnest, muss die Hauptaussage ohne Zoomen lesbar sein. Wenn du erst suchen musst, ist nicht der Text zu schwach, sondern die Hierarchie.
Mobile-first prüfen, bevor du sendest
Viele Newsletter werden am Desktop gestaltet und am Smartphone gelesen. Genau dort brechen schlechte Layouts.
Prüfe vor dem Versand:
- Siehst du die Hauptaussage im ersten Smartphone-Screen?
- Ist der Button mit dem Daumen treffbar?
- Gibt es horizontales Scrollen?
- Sind Footer-Links wie Impressum und Abmelden nicht zu eng gesetzt?
- Funktioniert der Newsletter ohne Bilder?
- Bleibt das Logo im Dark Mode sichtbar?
- Wird der Text in Gmail, Apple Mail und Outlook akzeptabel dargestellt?
Der eigene Smartphone-Test ist Pflicht. Kein Editor-Preview ersetzt ihn vollständig.
Kostenlos gestalten: wann ein Gratis-Editor reicht
Newsletter gestalten kostenlos ist ein eigener Nebenintent. Die Antwort ist nicht „immer kostenlos“ und auch nicht „sofort teures Tool kaufen“. Entscheidend ist der Zweck.
Kostenlos reicht, wenn:
- du eine erste Ausgabe testen willst
- die Liste klein ist
- du einen Vereins- oder Info-Newsletter verschickst
- du keine Automationen, Tags oder Shop-Ereignisse brauchst
Kostenlos reicht nicht, wenn:
- ein Newsletter wiederholt verkaufen soll
- Kontakte je nach Interesse unterschiedliche E-Mails bekommen sollen
- Käuferstatus, Warenkorb oder Digistore24-Status wichtig werden
- du mehrere Strecken parallel pflegen willst
Für einfache Design-Newsletter ist Rapidmail naheliegend. CleverReach ist sinnvoll, wenn du mit einem kostenlosen Einstieg und klassischen Vorlagen arbeiten willst. KlickTipp gehört eher in den Moment, in dem aus Newsletter-Design eine Verkaufs- oder Follow-up-Logik wird.
Häufige Gestaltungsfehler
1. Zu viel Inhalt in einer Ausgabe
Ein Newsletter ist kein Blogartikel. Eine Hauptbotschaft reicht. Weitere Themen kommen in kurze Nebenlinks oder in die nächste Ausgabe.
2. Farben statt Hierarchie
Farbe kann führen, aber sie ersetzt keine Struktur. Überschrift, Abstand und Button müssen zuerst stimmen.
3. CTA erst ganz am Ende
Wenn der Leser den nächsten Schritt erst nach fünf Bildschirmhöhen findet, ist der Newsletter zu schwach geführt.
4. Mobile nur nebenbei prüfen
Desktop-Vorschau sieht fast immer besser aus. Entscheidend ist, ob der Newsletter auf dem Smartphone ohne Zoomen lesbar bleibt.
5. Jedes Mal neues Design
Wiedererkennung schlägt Abwechslung. Nutze pro Newsletter-Typ eine feste Struktur und ändere nur Inhalt, Bild und Button.
Der 10-Minuten-Workflow
Wenn du schnell einen Newsletter gestalten willst, arbeite so:
- Vorlage wählen: Info, Verkauf oder Produkt.
- Eine Hauptbotschaft formulieren.
- Betreff und erste Überschrift auf dieselbe Aussage ausrichten.
- Text in Absätze mit maximal drei Sätzen teilen.
- Einen Button setzen.
- Smartphone-Vorschau öffnen.
- Alles löschen, was nicht zur Hauptbotschaft beiträgt.
- Testmail an dich selbst schicken.
Das Ziel ist kein perfektes Design. Das Ziel ist ein Newsletter, den der Leser in Sekunden versteht und ohne Reibung anklicken kann.
Häufige Fragen zur Newsletter-Gestaltung
Was ist die beste Vorlage für einen Newsletter?
Für die meisten Fälle ist eine einspaltige Vorlage mit Logo, kurzer Überschrift, einem Hauptblock und einem Button am stabilsten. Sie funktioniert auf Desktop und Smartphone besser als komplexe Mehrspalten-Layouts.
Wie breit sollte ein Newsletter sein?
Maximal etwa 600px. Damit bleibt die E-Mail in den großen Clients gut lesbar und skaliert auf Smartphones kontrollierter als breite Layouts.
Welche Schriftgröße ist für Newsletter sinnvoll?
Fließtext sollte 16 bis 18px haben. Darunter wird der Text auf Smartphones schnell anstrengend. Überschriften liegen meist bei 24 bis 28px.
Wie viele Bilder gehören in einen Newsletter?
So wenige wie möglich, so viele wie nötig. Für Info-Newsletter reicht oft kein Bild. Für Produkt-Newsletter ist ein Hauptbild sinnvoll. Der Text muss trotzdem ohne Bild verständlich bleiben.
Welches Programm eignet sich zum Newsletter gestalten?
Für einfache Design-Newsletter passen Rapidmail oder CleverReach oft besser. Wenn Tags, Sequenzen, Käuferstatus und Verkaufsautomation wichtig sind, ist KlickTipp der passendere nächste Schritt. Den Gesamtvergleich findest du im Newsletter-Tool-Vergleich.
Simon Haenel
Informatiker EFZ · Systemtechnik
Informatiker EFZ (Systemtechnik) mit IT-Praxis in Verkehrsleittechnik, Managed Services und Firewall-Hardening. Analysiert E-Mail-Marketing-Tools aus der technischen Perspektive — Zustellarchitektur, Serverstandort, DSGVO-Infrastruktur.
Weiterlesen
Newsletter erstellen: Anleitung mit Vorlage 2026
Newsletter erstellen: geführte Anleitung mit Vorlage, Betreff, Inhalt, CTA, Versandcheck und Tool-Auswahl nach dem Entwurf.
Erklärung lesenNewsletter erstellen kostenlos 2026: Free-Pläne im Vergleich
Newsletter erstellen kostenlos 2026: 7 Free-Pläne im DACH-Vergleich (inkl. EmailOctopus + HubSpot), 30-Min-Tutorial mit CleverReach Lite und konkreter Migrations-Pfad.
Erklärung lesenNewsletter mit Outlook erstellen: Grenzen & Alternativen (2026)
Newsletter mit Outlook versenden? Was BCC, Serienbrief, DOI, Abmeldelink, Tracking und Microsoft-Limits bedeuten - plus passende Alternativen.
Erklärung lesenNewsletter Software für WordPress: Plugin oder Tool? (2026)
Newsletter mit WordPress: Plugins, externe Tools, DSGVO, Versand, Zustellbarkeit und Automation. Wann MailPoet reicht und wann ein Tool sinnvoller ist.
Erklärung lesen