> This page is part of the [Customer.io documentation](https://docs.customer.io). For the complete index, see [llms.txt](https://docs.customer.io/llms.txt).
> Last updated: July 10, 2026

# 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](/messaging/channels/email/layouts/5-adapt-foundation-basic)
*   [Mailchimp - Two-Column](/messaging/channels/email/layouts/6-adapt-mc-twocol)

## Layout creation and templates

### Pre-built templates

*   Mailchimp’s [Blueprints](https://github.com/mailchimp/Email-Blueprints)
*   [Litmus community](https://litmus.com/community/templates)
*   [Foundation for Emails](https://get.foundation/emails/)
*   [Inkbrush](https://www.inkbrush.com/), an email layout builder
*   A [really simple responsive HTML email](https://github.com/leemunroe/responsive-html-email-template) template

### Frameworks to build your own

*   [HTML Email Boilerplate](http://htmlemailboilerplate.com/)
*   [MJML.io](https://mjml.io), a markup language that lets you code your own responsive emails
*   [emailframe.work](http://emailframe.work/), another coding framework for responsive emails
*   [Cerberus](https://www.cerberusemail.com/), a collection of patterns

## Code

*   [Campaign Monitor’s Ultimate Guide to CSS support](https://www.campaignmonitor.com/css/)
*   [MailChimp’s CSS support guide](https://templates.mailchimp.com/resources/email-client-css-support/)
*   [Making your emails accessible](http://www.accessible-email.org/)
*   [Emails and webfonts](https://litmus.com/blog/the-ultimate-guide-to-web-fonts): the three main approaches you can take

## Longer reads, but full of great advice

*   [Mastering Responsive Email Design Across The Most Popular Clients](https://www.mailjet.com/blog/news/mastering-responsive-emails-across-most-popular-clients/)
*   [A cheat sheet for mobile email design](https://www.godaddy.com/garage/smallbusiness/launch/cheat-sheet-mobile-email-design)
*   [The Tyranny of Tables: Why Web and Email Design are So Different](https://litmus.com/blog/the-tyranny-of-tables-why-web-and-email-design-are-so-different)

*   *   [Adapt-a-template guides](#adapt-a-template-guides)
    *   [Layout creation and templates](#layout-creation-and-templates)
        *   [Pre-built templates](#pre-built-templates)
        *   [Frameworks to build your own](#frameworks-to-build-your-own)
    *   [Code](#code)
    *   [Longer reads, but full of great advice](#longer-reads-but-full-of-great-advice)

Copy page

Copy page [Download .md](/messaging/channels/email/layouts/4-email-design-resources.md)

Is this page helpful?

![](https://docs.customer.io/images/export-success.png) ![](https://docs.customer.io/images/export-failure.png)

# How can we make it better?

Close

Do you need help from Customer.io support?  No  
 Yes

What part of Customer.io do you need help with? 

How can we improve this page?

Email (optional):  Please provide a valid email address

 I am not a bot

 

We appreciate your feedback!

Our support team will contact you as soon as possible