Starter Design System

Starter email theme icon

Starter email components

HTML design system of standard email components based on hundreds of real-world emails

Newsletter email preview

Made for newsletters, on-boarding emails, announcements, events, products, orders, and notifications. With common patterns that can be mixed and matched for any email.

Download for free Preview in Blocks Edit →

Open source on GitHub

Features

  • Responsive across screen sizes
  • Dark mode compatibility
  • Semantic code, optimized for accessibility
  • Modern email code
  • Legacy Outlook code version
  • Blocks Edit ready for drag and drop editing

Commonly used components

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

Made for standard email types

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.

This theme has been put together by the Blocks Edit team. Blocks Edit makes any HTML template editable in a visual editor. So you can setup your own design for your team to build and edit email campaigns on their own. Learn how it works.

Share this theme

Send via email | Copy link URL