Learn Email Design

Impress your audience with stunning and effective email designs. Master the art of crafting engaging layouts, graphics, and typography and increase your open rates.
  1. Build an HTML Email Template From Scratch

    Build an HTML Email Template From Scratch

    Tutorial Beginner

    The best way to understand any process is to carry it out yourself, from the ground up. Today, we’re going to do just that with email design, by building a...

  2. Creating a Simple Responsive HTML Email

    Creating a Simple Responsive HTML Email

    Tutorial Beginner

    In this tutorial I will show you how to create a simple responsive HTML email which will work in every email client, including all the new smartphone mail...

  3. How To Fix Outlook Dark Mode Problems (Email Design)

    How To Fix Outlook Dark Mode Problems (Email Design)

    Tutorial Intermediate

    In this tutorial I’ll explain how to stop the text in your HTML emails from changing color in Dark Mode in Outlook for Windows.

  4. Fixing Problems With Borders in Dark Mode (Email Design)

    Fixing Problems With Borders in Dark Mode (Email Design)

    Tutorial Beginner

    Are your borders changing color or disappearing into the background when you test your HTML email in dark mode? Here I’ll share some solutions to the most...

  5. How to Fix Common Problems With Buttons in Dark Mode (Email Design)

    How to Fix Common Problems With Buttons in Dark Mode (Email Design)

    Tutorial Beginner

    Are the buttons in your HTML email looking broken when you test it in Dark Mode? Here’s a roundup of the most common Dark Mode button problems and how to...

  6. Creating a Future-Proof Responsive Email Without Media Queries

    Creating a Future-Proof Responsive Email Without Media Queries

    Tutorial Advanced

    Using this ‘fluid hybrid’ method you can build an HTML email with lots of different layouts that doesn't rely on media queries to look great on mobile devices.

  7. The Complete Guide to Web Fonts in Email

    The Complete Guide to Web Fonts in Email

    Tutorial Beginner

    When is a web font not a web font? When it’s an email font! In this tutorial I’ll walk you through implementing web fonts into your email campaigns.

  8. How to Create Online Brand Consistency (for Email and Web)

    How to Create Online Brand Consistency (for Email and Web)

    Tutorial Beginner

    How do you achieve brand consistency online, across so many channels? In this tutorial I’ll answer that question for email and web.

  9. Developing HTML Emails Using Divs and “Ghost Tables”

    Developing HTML Emails Using Divs and “Ghost Tables”

    Tutorial Intermediate

    This tutorial will explain how to take HTML emails beyond table markup, while ensuring they still render properly in Microsoft Outlook.

  10. Everything Developers Need to Know About Sending Transactional Email

    Everything Developers Need to Know About Sending Transactional Email

    Tutorial Beginner

    There are a few key things you need to know about building HTML emails, sending emails and maintaining a good sender reputation score. This checklist will...

  11. New Course: How to Create an Email Template With Envato Elements

    New Course: How to Create an Email Template With Envato Elements

    Tutorial Beginner

    Creating an email template can be a daunting task. Learn a shortcut in our new course, How to Create an Email Template With Envato Elements.

  12. Design Considerations for Multiple Email Clients and Devices

    Design Considerations for Multiple Email Clients and Devices

    Tutorial Beginner

    The following design considerations guarantee that your emails will be read, understood, and actioned on by a larger audience.