Publicare LogoPublicare Logo
  • Agency
    • About Us
    • Contact Us
    • Career
  • Platform Expertise
    • Adobe Marketing Cloud
    • CleverReach
    • Emarsys
    • HubSpot
    • Mailchimp
    • Salesforce Marketing Cloud
    • Salesforce Pardot
  • Services
    • Marketing Consulting & Platform Evaluation
      • Marketing Automation Infrastructure Evaluation
    • Marketing Platform Setup
      • Process & Data Integration
      • Application Development
    • Email Marketing Full Service
    • Email Templates
    • Multi Channel Orchestration
    • Contact Acquisition & Contact Management
    • Deliverability Services – Email Delivery Guide and Email Delivery Monitor
    • Realtime Marketing – Picsonal
  • References
    • Clients
    • Partners
  • Blog
English
  • German
Interessen wählen, Inhalte bestimmen
What type of email would you like?
29. April 2021
Templates für den Darkmode
How common is dark mode?
5. June 2021
4. June 2021
Wer nutzt den Darkmode

Email Templates and Dark Mode

How do I get my emails to look good in dark mode?

The first and most simple step you can take to optimize an existing email template for dark mode is to use suitable icons and logos. To do this, replace icons that have a white background with transparent PNGs. This stops images with a dark background from having an unsightly white box around them, and your email immediately looks a little more elegant. However, bear in mind here that the new icons shouldn’t be completely black, because if they are, they won’t be visible on a black background.

You can only achieve full optimization, though, if you consider dark mode as soon as you start creating your email design template – and think about how design decisions will affect the appearance of emails in dark mode. Choose template colors wisely. A black logo on a white background, as described above, will be invisible in dark mode. By selecting colors with a low contrast and, for example, placing a gray logo on a beige background, the image will be recognizable in an invert-color version. If you use color boxes to highlight content, you should take into account the color change in dark mode. As far as your company’s CI allows, all these aspects should be factored in and, if necessary, the template design should be adapted accordingly.

Last but not least, by using special meta tags and media queries in the CSS, you can define precisely how which color is replaced in dark mode. You can even swap one image for another using these tags. However, at the moment this only works in a few clients, one of them being Apple Mail. What’s more, it takes a lot of programming work.

However well thought-out a template is, every single email must be thoroughly tested on different end devices – and this applies particularly to dark mode. Only then can you be certain that it really is rendered as desired.

 

Conclusion: Adapting and creating new templates and emails to look good in dark mode takes substantial time and effort. But, because a significant number of recipients use dark mode, you should at least do some basic tweaking and testing. If you would like specific data about your own recipients, tools such as Litmus and Email on Acid can give you analytical insights. We definitely recommend that you check all the points above and then take a targeted approach to optimizing your emails.

Consulting, email design and more

Would you like more information on our email marketing services? We look forward to hearing from you – just send us a message via this contact form.

From our blog:

Incentives of Germany's top 1,000 online shops 2022
Discounts and Pop-ups
Analysis: E-Commerce Market 2022 and Market Share of Email Service Providers
Study on Email Marketing in E-Commerce 2022
Nextlevel Inbox
Next Level Inbox – How do I get my company logo displayed in the Inbox?
Newsletter-Baukasten
Hits or Misses? Our Review of Seven More Drag-and-Drop E-Mail Creation Solutions
Keeping it clean: Why List Cleaning and Deliverability Checks Pay Off in No Time
Whats App im Multichannel
WhatsApp is back! Sort of, at least…
Study on Email Marketing in 2021
ecommerce-top-1000-blog_US-2021
The most popular email marketing tools of the top 1,000 online shops in the U.S.
der lange weg zu leads bei b2b besuchererkennung
Taking the long way to generate qualified leads

Contact us via this form

If you leave your e-mail address or telephone number here for the purpose of contacting us, we will exceptionally use this information to contact you, to answer your request and to inform you about our products and services. Your personal information will be stored for this purpose but will not be used for any other purpose.

Close
Image: Eliza / photocase.de
4. June 2021
Share

Most recent posts:

  • Discounts and Pop-ups

  • Study on Email Marketing in E-Commerce 2022

  • Next Level Inbox – How do I get my company logo displayed in the Inbox?

  • Hits or Misses? Our Review of Seven More Drag-and-Drop E-Mail Creation Solutions

  • Keeping it clean: Why List Cleaning and Deliverability Checks Pay Off in No Time

Hive blog digest

Sign up for our blog digest to receive regular news updates via email. Register now

  • Data privacy notice
  • Legal Notice
  • Sitemap

© 2023 Publicare Marketing Communications GmbH

kununu Siegel
XING
Indeed
Facebook
Anmeldung zum Newsletter