Skip to main content

Make responsive HTML emails that work in Outlook

The people who brought us the Foundation framework (opens in new tab) are unveiling Ink (opens in new tab), 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 (opens in new tab).

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 (opens in new tab) to find out more.

Liked this? Read these!

Thank you for reading 5 articles this month* Join now for unlimited access

Enjoy your first month for just £1 / $1 / €1

*Read 5 free articles per month without a subscription

Join now for unlimited access

Try first month for just £1 / $1 / €1

The Creative Bloq team is made up of a group of design fans, and has changed and evolved since Creative Bloq began back in 2012. The current website team consists of six full-time members of staff: Editor Kerrie Hughes, Deputy Editor Rosie Hilder, Deals Editor Beren Neale, Senior News Editor Daniel Piper, Digital Arts and Design Editor Ian Dean, and Staff Writer Amelia Bamsey, as well as a roster of freelancers from around the world. The 3D World and ImagineFX magazine teams also pitch in, ensuring that content from 3D World and ImagineFX is represented on Creative Bloq.