Was gilt es beim Dark Mode zu beachten?

Der «Dark Mode» ist heute in nahezu allen Geräten, Betriebssystemen und E-Mail-Programmen standardmässig verfügbar. Es ist deshalb davon auszugehen, dass die Empfänger ihre E-Mails vermehrt im «Dark Mode» lesen.

Was bewirkt der «Dark Mode»?

Beim «Dark Mode» wird das Farbschema systemseitig invertiert. Ein heller Hintergrund mit dunklem Text wird im Dark Mode als dunkler Hintergrund mit hellem Text angezeigt. Dies kann die Darstellung Ihres Newsletters bei Bildern, Logos und Textfarben stark beeinflussen.

Beispiele an Apple Mail und Outlook:

Outlook verändert das Erscheinungsbild im Dark Mode an den folgenden Beispielen deutlich stärker als Apple Mail. Da jeder Client den Dark Mode unterschiedlich umsetzt, kann die Darstellung je nach E-Mail-Programm variieren.

Light Mode Apple Mail 16:

Dark Mode Apple Mail 16:

Dark Mode im Outlook Office 365 auf IOS:

Damit Ihre Kampagnen in allen Modi professionell wirken, beachten Sie bitte folgende Empfehlungen:

• Prüfen Sie jede Vorlage im Dark Mode auf verschiedenen Geräten und Clients (z. B. iPhone, Android, Desktop).
• Achten Sie besonders auf Kontraste, Lesbarkeit und Hintergrundfarben.
• Fügen Sie wenn möglich Bilder mit Hintergrund-Transparenz (.png) ein. Wenn Sie nicht transparente Bilder nutzen, testen Sie, wie diese im «Dark Mode» aussehen.
• Nutzen Sie keine Bilder mit schwarzen Text-Inhalten oder umrahmen Sie den Text in einem Bild mit einer weissen Aussenlinie.
• Verwenden Sie neutrale oder Markenfarben, die sowohl auf hellem als auch auf dunklem Hintergrund funktionieren.
• Vermeiden Sie rein schwarze oder rein weisse Flächen und wählen Sie stattdessen abgemilderte Töne (z. B. Dunkelgrau statt Schwarz).

Folgende E-Mail-Clients unterstützen «Dark Mode»:

Mobile Apps:
• iPhone Mail
• iPad Mail
• Gmail App (Android)
• Gmail App (iOS)
• Outlook App (Android)
• Outlook App (iOS)
Desktop Clients:
• Apple Mail
• Outlook (Mac OS)
• Outlook (Windows)
Web Clients:
• Outlook.com

Sie können uns jederzeit gerne kontaktieren, falls Sie weitere Fragen haben zur Darstellung Ihres persönlichen Newsletters im «Dark Mode». Schicken Sie uns bei konkreten Anfragen an [e-mail] wenn möglich gleich einen Screenshot mit.