Email Design Reference and Resources

A portion of the CSS reset code used in the templates.

A portion of the CSS reset code used in the templates.

by Phillip Simon, @quicmdirector

Did you know that the email service MailChimp provides free tutorials and resources for creating HTML email messages? While some of the tutorials are about MailChimp’s custom tagging, many of them are good, general descriptions of techniques and best practices. They even include email templates (Blueprints) on GitHub and describe what to do to get the templates to work in systems other than MailChimp. In addition to the resources the topics include getting started, concepts, design, and development. Here is an excerpt from the list of HTML email resources.


Designing and coding HTML emails can be a daunting task, so we’ve complied a list of resources to help you navigate the process as smoothly as possible. The tools in this section will help you create great emails and turn you into a lean, mean email machine.

Email Blueprints

Email Client CSS Support

Email Design Patterns

Email Marketing Guides

HTML to Text Email Converter

CSS Inliner Tool

Go to the MailChimp Email Design Reference.


  1. Greetings! Very helpful advice within this article! It’s the little changes that
    make the most significant changes. Many thanks for sharing!

Add Comment