Make responsive HTML emails that work in Outlook

By ( ) published

Ink is a framework for responsive HTML emails that works with an Outlook first approach.

The people who brought us the Foundation framework are unveiling Ink, a tool designed to help you build HTML emails that work on mobile devices, in Outlook, in Gmail, and everywhere else.

It’s worth bearing in mind that a lot of people will be opening your email on a mobile device and if it doesn’t display correctly, as is frequently the case, most people won’t read it.

Ink uses an Outlook first process, which means that you build your email for Outlook then progressively enhance for other clients. The creators of Ink have gone to great lengths to make sure that whatever you produce will work in nearly every situation.

Hear are some of the goodies:

  • A twelve column grid with sub-grid to easily create different layouts that stack on mobile devices. It's built using media queries.
  • Visibility classes to show and hide content on different devices
  • Buttons without images that can be easily implemented and updated to improve click through.
  • Panels to easily highlight content
  • A block grid that can implement a simple two column layout that works on Gmail
  • A hosted CSS inliner tested with Ink to ensure your emails look correct on Gmail

Ink supports all the major email clients and is available to use now. Head here to find out more.

Liked this? Read these!

Creative Bloq Staff

The Creative Bloq team is made up of a group of design fans, and has changed and evolved since Creative Bloq began over a decade ago. The current website team consists of five people: Editor Kerrie Hughes, Deputy Editor Rosie Hilder, Deals Editor Beren Neale, Senior News Editor Daniel Piper, and Staff Writer Amelia Bamsey. The 3D World and ImagineFX magazine teams also pitch in, ensuring that content from 3D World and ImagineFX is represented on Creative Bloq. 

Related articles