November 7, 2019

250ok Design adds iOS 13 previews: iPhone 11, iPhone 11 Pro, and iPhone 11 Pro Max


As many of you may know, Apple released the new iPhone 11, iPhone 11 Pro, and iPhone 11 Pro Max devices in September, alongside its new operating system, iOS 13. There’s good news for email marketers: Aside from the introduction of Dark Mode, the form factors of the new iPhones are on par with the previous releases of the iPhone X, iPhone XS, and iPhone XS Max, so adjustments to your content should be minimal.

What you need to know about Dark Mode

From what we’ve seen so far, iOS 13’s Dark Mode is limited to plain text emails, so it has virtually no impact on commercial email templates. Your HTML markup will still display as expected, and even in cases where you do not have background colors defined, Apple was kind enough to default HTML-based emails to display on white backgrounds.

With that said, it’s still important to preview your messages in both Light and Dark Modes to look for drastic color changes or rough transitions. As a best practice, we recommend a mix of neutral colors offering a consistent experience across both color modes, and in turn, provide a better experience for your readers. Similarly, if you’re using emojis, make sure to test both color settings to make sure any issues they may have aren’t overlooked.

Here are just a few examples of some of our favorite emails that really pop in Dark Mode:

If you’re feeling adventurous, Apple introduced an awesome new media query specifically for altering your CSS in Dark Mode, providing email marketers with more flexibility in how they can optimize their creative based on the reader’s settings:

@media (prefers-color-scheme: dark) {
/* change dark gray pre-header to white in Dark Mode */
.pre-header { background-color: white; color: #666; }
}

Let’s talk form factors!

As we mentioned above, Apple’s introduction of the new iPhone devices won’t fundamentally change how your email display in the inbox. The screen sizes, resolution, and pixel density are the same as their predecessors:

iPhone XR ⟶ iPhone 11: 6.1” screen, 1729×828 resolution, 326ppi pixel density
iPhone XS ⟶ iPhone 11 Pro: 5.8” screen, 1436×1125 resolution, 458ppi pixel density
iPhone XS Max ⟶ iPhone 11 Pro Max: 6.5” screen, 2688×1242 resolution, 458ppi pixel density

Since the form factors remain the same between the old and new devices, you should be off to the races.

250ok Design adds iOS 13 and iPhone 11 previews

In the next few days, customers can log into 250ok and enable the new iPhone 11, iPhone 11 Pro, and iPhone 11 Pro Max in their account settings.

Pssst, there’s more!

If you made it this far, then you’ll see it here first: Due to popular demand, 250ok will be adding accessibility tools to its Design suite in the coming weeks. Our accessibility tools are being developed to help guide marketers on best practices including screen reading (NVDA), image to text ratio, contrast ratio, text alignment, markup hierarchy, and more. Stay tuned!

Intrigued but not yet a 250ok customer? We can take care of that easily. Just let us know what you need!

Author: Alex Griffis

Alex Griffis is the VP of Product (a product geek) at 250ok, where he focuses on product design and improving our customer experiences.

You may also like...

[Infographic] Global Privacy Relationship Status: It’s Complicated

I recently gave a presentation on global privacy regulations to a post-graduate marketing class and one of the things I noticed while preparing was that even within a single country, privacy is complicated. On a global scale, it is really complicated. For example, Canada has one federal private sector privacy law, three similar provincial laws, […]

The Year in Email 2018

*Update: This article was featured on email influencer Jordie van Rijn’s emailmonday blog! To see it in action, plus a great round-up of other articles and thought leadership looking forward to the future of email, click here.* The Black Friday emails are deleted, marketers’ email lists are checked twice, we pretty much know which senders […]

Poorly designed emails could cost you millions of dollars. But what does that really mean?

We partnered with the smart folks at Lab42 to research what people really think about marketing email. Do they like how they look on their preferred device? Do they prioritize the same design elements you do? If you’re not aligned with your recipients, you could end up sending unwanted, unsatisfying email. You know what that […]

Ready to get started?