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 Web Inliner first.


You can download all of the templates in one file here:
Download All Templates

These templates are written in plain HTML. If you're using the ZURB Email Stack, you have access to Inky HTML. To get the Inky versions of these templates, head over to GitHub.

Basic

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

Hero

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

Sidebar

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

Sidebar Hero

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

Marketing

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

Newsletter

Get the word out with this simple newsletter layout—it includes a logo, title, large hero image, and body area for text. Below the main text are more links to drive engagement.

Newsletter 2

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

Order

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

Password Reset

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

Welcome

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

Drip

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

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

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