Conquer Responsive Emails with Foundation for Emails 2
ZURB Foundation

Email Templates

Responsive email templates

Example emails to see it in action

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 Foundation (Inky) Inliner first.

You can download all of the templates in one file here:
All Email Templates
Basic View Tests

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

Download More Info
Hero View Tests

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

Download More Info
Sidebar View Tests

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

Download More Info
Sidebar Hero View Tests

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

Download More Info

Responsive Email Design Training

We practice Responsive Email Design daily at ZURB, sending out 10 email newsletter campaigns a month and creating email templates for our clients. We even built Foundation for Emails to help us and others send emails. This course covers the basics that designers and developers — even marketers — should know to get started with responsive emails.

View Course
Stay on top of what’s happening in responsive design.

Sign up to receive monthly Responsive Reading highlights. Read Last Month's Edition »