Responsive Email Templates

Get 11 ultra customizable responsive HTML email templates. Our responsive email templates are a great place to kick off your next project. These templates were built with the same techniques and principles we teach in our ZURB Master Class: Responsive Emails to deliver emails that work—and look great—in any inbox. Download all the templates and get 3 free tutorials on responsive email design. The tutorials cover responsive HTML email design, development and even marketing and strategy.



Basic

This template is perfect for sending a basic but nice looking email to your readers.

Download Preview
Hero

Want to include a snazzy hero image in your email? This template is for you!

Download Preview
Sidebar

This template includes a sidebar area for a list of links, perfect for linking to additional content.

Download Preview
Marketing

Perfect for promoting a new product or service, this email design opens with a large splash area, followed by smaller feature callouts below.

Download Preview
Newsletter

Get the word out! This simple newsletter layout includes a logo, title, hero image, & body area for text. Below the main text are more links to drive engagement.

Download Preview
Newsletter 2

This variation on the Newsletter features a two column layout, which collapses down to a single-column layout on mobile email clients.

Download Preview
Sidebar Hero

Want a sidebar and a hero image? Let's go crazy! This template combines the Sidebar and Hero templates.

Download Preview
Order

Building an e-commerce site? Use this receipt template to send users information about their purchases.

Download Preview
Drip

Great for grabbing attention with your compelling message and leading to the call-to-action.

Download Preview
Password Reset

Everyone forgets their password at some point. This simple layout is perfect for sending a password reset email.

Download Preview
Welcome

Featuring space for a large welcome image, multiple menus, and title/body text, this template works great for onboarding new users.

Download Preview

How to use our email templates:


Each template is a single HTML email built using Foundation for Emails. You can preview them and inspect the code to see how they were implemented, or download them and try making some changes. Each template already has Foundation for Emails included in a style tag at the top of the file.

You can see screenshots of how each template looks on different email clients by viewing its tests. Note that if you are going to send or test them yourself, you need to run them through the Web Inliner first.


Download all the templates and get 3 free exclusive responsive email design tutorials: