How code is handled by email providers
Ways that email providers mess with your code.
Check out some additional tools and resources here.
Ways that email providers mess with your code.
How to account for your email design's text-only output.
An approach to eliminating the need for using tables for design structure.
The design phases towards turning your email design into a design system: structure, branding, modules.
What do these emails have in common? They all use the same essential layout, each with completely different branded designs.
Adding share links and utilizing meta info.
For sending out designed emails the same way you would send individual emails with your email client.
The framework we use for coding custom email templates that are accessible and lightweight, available as open source.
Email clients have improved email rendering throughout the years. Except for Microsoft Outlook. Here’s how to support it and keep your sanity.
How DICK’S Sporting Goods designed their components to be reusable and plug into and along side each other.
3 steps towards systemizing your email’s production.
AAA’s newsletter allows for glanceable reading by using a wide range of content layout options.
How Funimation uses collage-based visuals to promote their wide range of shows and products.
How Headspace uses different color palettes for their email content while keeping layout and formatting consistent.
A framework for more clearly defining the language around your design system and templating techniques.
Should you make your email design dark mode compatible?
Accessibility in email design doesn’t have to be an arduous task
Using a design system helps you better analyze your emails, streamline production, and iterate on strategy for your campaigns
At least half of email opens now happen on mobile. So there’s no longer an excuse to not enhance your emails for mobile!
Branding and design aesthetics can sound like a fuzzy proposition, but understanding their underlying principles can lead to strategic results.