Sending branded emails with your email client
For sending out designed emails the same way you would send individual emails with your email client.
Design and coding techniques
Check out some additional tools and resources here.
Starter modular email boilerplate
The framework we use for coding custom email templates that are accessible and lightweight, available as open source.
Dealing with Outlook
Email clients have improved email rendering throughout the years. Except for Microsoft Outlook. Here’s how to support it and keep your sanity.
Modular design technique: components that work together
How DICK’S Sporting Goods designed their components to be reusable and plug into and along side each other.
Organizing your email design process
3 steps towards systemizing your email’s production.
Modular design technique: Layout styles to break up content
AAA’s newsletter allows for glanceable reading by using a wide range of content layout options.
Modular design technique: creative collage layouts
How Funimation uses collage-based visuals to promote their wide range of shows and products.
Modular design technique: utilizing color for tone
How Headspace uses different color palettes for their email content while keeping layout and formatting consistent.
What is modular design?
A framework for more clearly defining the language around your design system and templating techniques.
Turning to the dark mode
Should you make your email design dark mode compatible?
Making accessibility a habit
Accessibility in email design doesn’t have to be an arduous task
An email design system for your thoughts
Using a design system helps you better analyze your emails, streamline production, and iterate on strategy for your campaigns
Responsive emails: modularize to mobilize
At least half of email opens now happen on mobile. So there’s no longer an excuse to not enhance your emails for mobile!
The use of brand in email
Branding and design aesthetics can sound like a fuzzy proposition, but understanding their underlying principles can lead to strategic results.