Foundation for Emails 2

Quickly create responsive HTML emails that work. Even on Outlook.

Making Emails Suck Less

We know building HTML emails is hard, especially responsive emails. That's why we created Foundation for Emails. Get away from complex table markup and inconsistent results. Use Foundation for Emails to spend less time coding emails, and more time on other things, like building amazing products.

Email marketing is good for your business. In fact it's $44-back-for-every-$1-spent kind of good. And with a tool as powerful and easy to use as Foundation for Emails, you’ll have the ability to create amazing results.

54%

of all emails are opened on a mobile device, therefore you need templates that will be optimized for both desktop and mobile email clients.

75%

6x

Build responsive emails that look great on any device and all of the major email clients, even Outlook!

Making a marketing or promotional email? Drip campaign? Transactional email? Foundation for Emails is the framework that can help you easily build emails for any use case. Choose from 10 responsive HTML templates to start from that are tested on mobile and desktop versions of Outlook, Gmail, Apple Mail and more.

Spend Less Time Coding

If you've worked with Foundation for Sites, you'll feel right at home.

Responsive Grid for Any Layout

You can make a layout that works for your content, not the other way around.

Do more with a grid designed to work on any device. Make your grid fit your content and not the other way around. Now you can code emails like you've been coding websites, with a grid designed to work on any device. Create evenly sized blocks of content great for image galleries or product lists. Your layout stacks neatly so your content is accessible on small screens. Things like padding and row width automatically scale to fit on mobile.

Common UI Patterns to Build Faster

You can use these UI patterns in your designs to quickly get your email into shape. We’ve included buttons, menus, block grids, callouts, typography, and thumbnails. In addition to that, helpers like Visibility and alignment get you closer to a finished product faster so you can spend less time coding.

Make stylish emails fast with Sass

From colors and font-sizes to spacing and column counts, Sass lets you have all the control over common styles and eliminates the need for repetitive, time consuming CSS. By changing a few Sass variables, you can get the look and feel you need for an entire email in minutes, letting you spend more time on your copy or conversion funnels.

ZURB MASTER CLASSResponsive Emails

In this online class, you’ll learn how to rapidly design and develop responsive emails that look beautiful on just about every screen, browser, and email client out there—even Outlook.

Inky: A New Templating Language

Say goodbye to sifting through hundreds of pesky table tags.

Let’s face it, email clients are way behind the times. Email markup with tables requires 3x more markup and can get complicated very quickly. What if email markup was more like the web? With Inky you’ll write tags like <row> and <columns> to spit out the six table tags needed to just get the skeleton of your email together. You’ll be able to code emails faster with less frustration and better organization, giving you more time to spend on better things, like building your product.

<container><row><columns>This is a column.</columns></row></container>

<tableclass="container"><tbody><tr><td><tableclass="row"><tbody><tr><thclass="small-12 large-12 columns first last"><table><tr><th>This is a column.</th><thclass="expander"></th></tr></table></th></tr></tbody></table></td></tr></tbody></table>

From Startups to Fortune 500, millions of developers trust and use Foundation for Emails.

Every day, informative and lucrative emails around the world are built on the solid Foundation for Emails framework. Designers, developers, and marketers across industries and continents are using Foundation for Emails to bring their ideas to life.

Spend Less Time Testing & Preparing

We've got you covered, from customizing to building to inlining.

Emails that work in all of the major clients, even Outlook

There’s no need to worry about inconsistent spacing and odd rendering issues with your layouts. Foundation for Emails gives you the guidelines so you can be confident that emails look as expected in testing. You’ll spend less time debugging your emails and more time optimizing your campaigns.

The ZURB Email Stack will make you an email pro

Upgrade your email workflow to save time be more efficient. Along with a Gulp build system, Inky templating, auto inlining, CSS and image compression, The ZURB Stack includes the support of Handlebars templates to keep you from repeating yourself. Share common elements like your header and footer for multiple emails, allowing you to change only the content that matters.

Inlining CSS is was a pain

It used to be that every time you had to make a change to your email, you had to copy the contents, open the inliner in your browser, paste it in and inline. Then you needed to copy and paste it back into your template. That’s crazy! Foundation for Emails 2 inlines your CSS automatically (Sass version). It keeps your “work-in-progress” HTML and inlined version separate so you can easily continue to make changes as needed.

Ten Templates to Get You Started Faster

No matter what you're building, our selection of responsive email templates will get you started.

Instead of coding from scratch, save time by grabbing one of these templates:transactional emails for apps, marketing, drip campaigns, newsletters and more can be jump started with our templates. Just like the Foundation for Emails framework, they are battle-tested to work on all devices and email clients. The templates include: