Skip to main content ↓
Webpage layout for 'Ink' featuring a stylized octopus holding various items, with text promoting the creation of responsive HTML emails compatible with multiple devices, including Outlook. The page includes links for downloading the product, documentation, and email templates.

ZURB Ink: Responsive HTML Email Framework

Ink just launched today. This open source project is by ZURB, creators of the popular front-end web development framework, Foundation.

responsive email framework 01inkhome

Ink helps solve a major pain point: Creating a simple HTML email that works halfway decently in the countless of desktop and Web email apps out there is already a big — and often a very frustrating — undertaking. Making HTML emails responsive for mobile devices exponentially complicates the task a great deal.

But with more than 40% of emails being viewed in mobile devices, sending out responsive HTML emails is, on the other hand, crucial.

How will Ink solve your responsive HTML email misery?

“There are lots of great individual solutions for Responsive emails, Ink brings them all together into a single tested framework,” creator of Ink (and a partner at ZURB) Matt Kelly says.

Ink’s Notable Features

Here’s a quick rundown of interesting things I found in Ink.

Five responsive email boilerplate templates out of the box, which will definitely be useful to new users of the framework (the screenshot below is the Newsletter template).

responsive email framework 02newsletter

It’s open source, and you can find the official repo on GitHub.

The docs is easy to read and will help you get up and running in no time.

responsive email framework 03docs

The framework’s feature set includes things like:

  • Visibility CSS classes so you can conditionally hide and show HTML elements for specific user agents
  • Grid system – which will help make designing email layouts a more streamlined process
  • Buttons that gracefully degrade in case the email recipient has images turned off by default

For inline CSS styles, you can use the Ink Inliner tool, which is especially great for Gmail.

responsive email framework 04inkytool

Ink supports these email clients:

  • Apple Mail (5 and 6)
  • Microsoft Outlook (2000, 2002, 2003, 2007, 2010, 2011, 2013)
  • Mozilla Thunderbird (3, latest)
  • Android Native (2.3, 4)
  • iOS Native (6, 7)
  • AOL Mail
  • Gmail
  • Yahoo! Mail

Visit ZURB Ink’s official website

Full disclosure: Ink launched today (just a few minutes before I published this post) but I was given password-protected access to their site a few hours before launch by one of ZURB’s founders so that I could review the project.

Make estimating web design costs easy

Website design costs can be tricky to nail down. Get an instant estimate for a custom web design with our free website design cost calculator!

Try Our Free Web Design Cost Calculator
Project Quote Calculator