darktober dark mode recap graphic

Darktober in Review: Recapping our Dark Mode Email Exploration

0

The sun is setting noticeably earlier these days. It must be the end of Darktober!

We’re wrapping up our month-long exploration of dark mode and email marketing with a look back at what we shared and learned throughout October. It turned out to be a hot topic among email developers and designers. We plan to keep the conversations and the content coming in the future.

If you missed anything, we’re not going to leave you in the dark. Keep reading to find out more about what went down during Darktober!

The Designing Emails for Dark Mode webinar

This was the “main event” for the month, and it lived up to expectations due in part to participation from all of you in the email community.

Thanks to everyone who registered for our webinar with veteran email developers, Annett Forcier of Email Boutique, Anne Tomlin of Emails Y’all, and our very own expert, Ed Ball. We had an excellent discussion on potential solutions for email teams trying to tackle dark mode challenges. There was also a lot of great advice being shared between attendees in the live chat. It’s one reason you’ll want to plan to join our upcoming webinars live!

Our roundtable of experts covered everything from tips for dealing with black logos to image swaps and using @media queries with different email clients. One of the bigger topics we discussed during the webinar was whether or not email developers should try to hack dark mode.

The dark mode roundtable of email experts!

dark mode webinar experts
L to R: Annett Forcier, Anne Tomlin, and Ed Ball

Both Ed and Ann believe we should strive to design for dark mode rather than look for ways to hack it. They say trying to force emails to display in light mode is the wrong decision for UX. That’s because subscribers who switch settings to dark mode want to view emails that way. They may have a legitimate reason, so why not meet their needs?

While Annett didn’t disagree with the idea of designing for dark mode, she also pointed out that there are situations when a hack is needed. Annett showed us how she (sometimes) forces the background to show up as a certain color on popular email clients.

Essentially, if you code a linear background using the same hex color, it will force the background into whatever color you specify. Here’s the example she shared:

Style="
background-color:#e6d7c0;
background-image: lineargradient(#e6d7c0,#e6d7c0);"

Annett got a little backlash on Twitter after sharing this hack, but she says she’ll do whatever it takes to ensure an email renders the way her clients intend.

Annett adds that this hack also works well for buttons as it forces email clients to stick to your brand’s preferred colors. Ed confessed to occasionally using hacks like this as well, but he suggests keeping email designs simple from the start so that there’s less to worry about.

This only scratches the surface of everything we covered in the webinar! You can get it all when you view the recording of Designing Emails for Dark Mode.

The dark mode Twitter chat

Near the end of the month, we partnered with Action Rocket to host a live Twitter chat on dark mode and email marketing. After seeing how interested and engaged people were during the webinar, we knew the chat would be full of amazing ideas and advice.

You didn’t let us down! Check out some top tweets:

Question: How important is dark mode?

Question: Are you making your emails dark mode friendly?

Question: What are your dark mode complaints?

Question: How are you getting dark mode in front of management and clients?

Question: What great dark mode emails have you seen?

Check out the Action Rocket and Email on Acid Twitter accounts for more and use the hashtag #DarkModeChat if you still want to chime in!

Winning at dark mode design

As part of the Twitter chat, we also asked people to submit their best dark mode email designs for a chance to win a prize package full of swag from Email on Acid and Action Rocket.

The winning email design came from Andrea Davidson (@AnotherAndrea2) a creative designer at Kernel. Andrea submitted this design after updating one of Kernel’s email templates for dark mode.

Winning dark mode design from Kernel

“I think this email from one of our recent campaigns turned out really stellar in both light and dark mode.”

Andrea Davidson, Creative Designer, Kernel

We totally agree, Andrea! Thanks for the submission and enjoy your email swag.

Highlights from the Email on Acid blog

Several new articles on dark mode and email went up on our blog during Darktober. That included an original graphic highlighting essential dark mode info.

Email experts Ed Ball and Danny Carranza told us about the importance of dark mode email testing and how it works with the Email on Acid platform. Plus, we took a closer look at the debate over the dark mode user experience and the validity of its purported benefits.

To cap off our Darktober articles, Action Rocket designer Ben Clay showed us some of his favorite dark mode email designs. Ben was a bit of a dark mode skeptic, but he’s grown to appreciate the aesthetic it creates.

Similar to Ed’s advice for developers on keeping things simple, Ben discovered brands that stick to a basic color palette tend to translate better between light and dark modes. For example, check out the striking black and white email from fashion brand Burberry:

Burberry dark mode email design

“The importance of designing with dark mode in mind should now be something an email designer is constantly considering. Moving with the times of digital design, we need to be open-minded and upfront with clients who think dark mode won’t affect their subscribers.”

Ben Clay, Action Rocket Designer

Let’s hear from you!

Darktober may be over, but this is far from the end of the story for dark mode and email marketing.

What are your thoughts on the topic? Do you have questions or opinions to share? Got any expert tips to share with fellow email geeks?

Leave a comment below and let us know!

flashing pumpkin with dark mode emails
Fix email mistakes while you QA.

Save time and create more engaging emails. Email on Acid’s Campaign Precheck allows you to find and fix email problems mid-workflow, so you can streamline your email QA and testing. Take advantage of our accessibility check, preheader preview, URL validation and image validation. Try it free for seven days!

Start for Free

Author: Kasey Steinbrinck

Kasey Steinbrinck is Email on Acid's content marketing manager. He's created lead-generating digital marketing plans for a wide variety of organizations and understands how valuable content fuels a powerful email strategy. Kasey lives in Green Bay, Wisconsin, (Go Packers) with his wife and three out-of-control boys.

Author: Kasey Steinbrinck

Kasey Steinbrinck is Email on Acid's content marketing manager. He's created lead-generating digital marketing plans for a wide variety of organizations and understands how valuable content fuels a powerful email strategy. Kasey lives in Green Bay, Wisconsin, (Go Packers) with his wife and three out-of-control boys.

Leave a Reply

Your email address will not be published. Required fields are marked *