If your logo is white and you’re using a black background or vice-versa, you might run into display issues in dark mode. Using other formats will result in a box showing around your logo in dark mode. Rule #2: Always use transparent PNGs for logos. I would recommend as a handy tool to check your contrast ratio. WCAG 2.0 standards require a minimum contrast ratio of 4.5:1 for regular text and 3:1 for large text (18pt or larger).
Rule #1: Make sure there’s enough colour contrast.Įnsure your background and text colours have sufficient contrast to be easily visible in both regular and dark colour schemes. Just keep these three simple design rules in mind. It’s surprisingly easy to make sure the emails you design are dark-mode-ready. This means an email with an original dark design will actually render with lighter colours in a full colour change scenario. But the opposite happens with light backgrounds and dark text. In this version of dark mode, areas with existing dark backgrounds are changed to light, and light text is changed to dark. The surrounding interface of the email platform changes to a dark theme, but there’s no actual change to the email.Īreas with light backgrounds are changed to dark, and dark text is changed to light. At the moment, Gmail and Outlook have the most “comprehensive” dark modes.Īll-in-all, there are generally three versions of dark mode applied across email clients today. The way dark mode changes your emails will vary between email platforms and won’t always be the same. Image and logo colours are not affected, so it’s important to keep that in mind when you design. What does dark mode actually do to my emails?ĭark mode primarily affects email backgrounds, borders, and text colours, inverting them from light to dark and, in some cases, from dark to light. Currently, there are three different ways in which your emails can render. Each of them has its own way of rendering dark mode emails. Odds are your designs won’t look the same across all platforms. It’s the cool kid on the block in UX designĪt the time this article was published, most major email platforms supported dark mode.īe cautious, though.It can increase battery life (especially on devices with OLED screens).There are four main reasons people tend to prefer dark mode. If you send emails as a part of your marketing mix, you should definitely be considering dark mode when designing them. According to Android Authority, 81.9% of people they surveyed said they use dark mode on their phones as much as they can. Dark mode is a setting available in most popular email platforms that partially or fully inverts the colours in your emails to give them a “dark” appearance.
0 kommentar(er)
