Email Blueprints

Brought to you by MailChimp, these email blueprints are licensed under a Creative Commons Attribution-ShareAlike 3.0 Unported License.

Email Blueprints is a collection of HTML email templates that can serve as a solid foundation and starting point for the design of emails. They include template language elements that make them customizable when imported into a MailChimp account, as well as merge tags that will generate dynamic content when sent through MailChimp. Not a MailChimp user? You can sign up free or simply strip out merge tags and use these templates to send through any system.

For clarification on the coding practices shown in these emails, or for general HTML email knowledge, visit MailChimp's HTML Email Reference.

Contents

/modular-template-patterns contains a single template built out of modular blocks of common design patterns.

/responsive-templates contains a collection of responsive / mobile-friendly email templates with various layouts.

/templates contains a collection of fixed-width email templates with various layouts.

Responsive Templates & CSS Inlining

When inlining the CSS in the responsive templates, be sure not to include the styles within the media query; they should remain in the head element of the email. The MailChimp app and external CSS inliner both inline the CSS correctly, but many services may not.