Major email platforms such as Gmail, Apple and Outlook allow this dark mode. Another incentive to use it and try out the various options that this accessibility feature offers.
TABLE OF CONTENTS
What exactly is Dark Mode?
The use of Dark Mode in email is common
Tips for your email designs in Dark Mode
a.- Enable Dark Mode for your clients' suppliers
b.- Use transparent images
c.- Optimize images and logos for all styles
d.- Do not mix images and background colors
e.- Add a white line around dark fonts
f.- Perform several list of montenegro consumer email tests before sending the email
g.- Do not use pure black (#000000)
Dark Mode Email Design Examples
1.- The New York Times
2.- Marvel
3.- Oracle
4.- Eight Sleep
5.- Designmodo
Possible drawbacks of Dark Mode in emails
What exactly is Dark Mode?
Dark mode displays brightly colored text, icons, and UI elements on dark backgrounds. It changes the default colors to the opposite when an email is opened on a device with Dark Mode . That is, the system uses lighter shades of exactly those same colors. This happens if a specific color has not been implemented as a content background.
The way this “works” is simple. First, the email platform identifies the background color of the email content. Next, it applies a dark background if it hasn’t been set previously. It also implements contrasting shades of the colors of the email content.
The use of Dark Mode in email is common
Dark Mode Email Designs
Dark Mode has become increasingly popular as more people work online. According to a recent study , 80% of users use digital devices for more than two hours a day . Additionally, 59% have experienced symptoms of eye strain.
This is one of the reasons that has pushed the proliferation of new email designs in Dark Mode. Other situations where this mode is applied are the following:
Improves the contrast of your content and makes your email easier to read.
Reduce screen brightness and save battery.
Favors an aesthetic preference.
The following Dark Mode email designs that you are going to implement will be able to be interpreted on the following platforms:
A.- Mobile devices
Gmail App App (Android and iOS).
Outlook app (Android and iOS).
Third-party apps like Spark, for example.
B.- Desk
Apple Mail.
Outlook 2019 (Mac OS and Windows).
Tips for your email designs in Dark Mode
When setting up an email using this method, there are several concepts to keep in mind. Following the guidelines below will help you create more effective and attractive designs for your recipients.
a.- Enable Dark Mode for your clients' suppliers
By including the following metadata in your , you ensure that it is enabled for subscribers who have Dark Mode enabled:
b.- Use transparent images
Platforms that allow dark mode will alter the colors in CSS, but not the colors within images. Thus, it is best to use transparent backgrounds, so the image changes based on the background color set by the theme. However, this does not work with social media icons, which can even get lost in the dark background.
