Email Design System

Starter email template icon

Starter email components

HTML template of accessible and responsive modules to use for your emails

Hero/intro section
Callout section
Alternate information listing section
Two-column section
Three-column section
Information listing section
Another information listing section
Calendar listing section
Booking details section
Four-column short info listing section
Product listing section
Receipt section
Status section
Message section
Product section
Survey section
Profile card section

A modularly designed master email template that works across email clients, with essential email layouts and elements.

Features

  • Modular design with stackable sections and standalone elements
  • Responsive across mobile devices and screen sizes
  • Dark mode compatibility
  • Tested on Gmail and Android, Apple Mail, Microsoft Outlook, and Yahoo! Mail and AOL
  • Semantic code, optimized for accessibility
  • Blocks Edit ready for drag and drop editing

Layouts included

Welcome email preview

Welcome/onboarding email

The welcome email is sent as soon as your audience signs up, introducing who you are and what they can expect from your company.

Announcement email preview

Announcement email

Announcement emails are a way to share and promote something new or updated with your business, product, or service.

Event email preview

Event email

Educate your audience on the event's value and why it's worth investing their time in it.

Confirmation email preview

Confirmation email

Sent to audience to confirm something that has happened, like when making a purchase.

Subscription and payment email preview

Subscription, payment email

Customers expect to be notified by email about their account subscription and payment-related notices.

Notification email preview

Notification email

Activity notification emails for things like product updates or new content.

Promo/e-commerce email preview

Promo/e-commerce email

Capture subscribers' attention to prompt them to make a purchase. This includes upsells and abandon cart triggers.

Helpful email preview

Helpful email

Provide instructions, offer support options, and ask for feedback on your customer's experience with your product or service.

Engagement email preview

Engagement email

Engagement emails pull in content, products, or services that relate with a previous action taken by an individual.

Newsletter email preview

Newsletter email

Newsletter emails keep your readers in the know of news and updates, either on your product or service, or a specific topic, or both.

Design patterns included

Intro/Hero thumbnail

Intro/Hero

Callout thumbnail

Callout

Information listing thumbnail

Information listing

Product listing thumbnail

Product listing

Short info listing thumbnail

Short info listing

Calendar listing thumbnail

Calendar listing

Receipt thumbnail

Receipt

Status thumbnail

Status

Booking details thumbnail

Booking details

Message thumbnail

Message

Product thumbnail

Product

Survey thumbnail

Survey

Profile card thumbnail

Profile card

Testimnoial thumbnail

Testimonial

Two-column thumbnail

Two-column

Three-column thumbnail

Three-column

Share this template

Send via email | Copy link URL