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. Sign up to 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. Sign up below to get the tutorials delivered straight to your inbox:



Basic

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

View Tests
Hero

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

View Tests
Sidebar

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

View Tests
Marketing

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

View Tests
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.

View Tests
Newsletter 2

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

View Tests
Sidebar Hero

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

View Tests
Order

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

View Tests
Drip

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

View Tests
Password Reset

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

View Tests
Welcome

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

View Tests

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.


Sign up to download all the templates and get 3 free exclusive responsive email design tutorials:
Sign Up & Download