(Formerly Ink)










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.
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.
Learn how Foundation for Emails can be used for:
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.

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.

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.
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.
Learn Foundation for EmailsLet’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>




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.
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.
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.
Instead of coding from scratch, save time by grabbing one of thesetemplates: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: