2040

Resources for templates, code, and best practices

Adapt-a-template guides

These guides are meant to show you the process of adapting a basic template from another service into a Customer.io Layout.

• Foundation - Basic
• Mailchimp - Two-Column

Layout creation and templates

Pre-built templates

• Mailchimp’s Blueprints
• Litmus community
• Foundation for Emails
• Inkbrush, an email layout builder
• A really simple responsive HTML email template

Frameworks to build your own

• HTML Email Boilerplate
• MJML.io, a markup language that lets you code your own responsive emails
• emailframe.work, another coding framework for responsive emails
• Cerberus, a collection of patterns

Code

• Campaign Monitor’s Ultimate Guide to CSS support
• MailChimp’s CSS support guide
• Making your emails accessible
• Emails and webfonts: the three main approaches you can take

Longer reads, but full of great advice

• Mastering Responsive Email Design Across The Most Popular Clients
• A cheat sheet for mobile email design
• The Tyranny of Tables: Why Web and Email Design are So Different