Build responsive, on-brand emails via Claude or ChatGPT See how it works

Email Design

The best email design isn't guesswork. It's patterns, and we've got receipts. Great email design is what makes someone stop scrolling, actually read, and click. We have collected 444,000+ real emails from the brands doing it best, from Patagonia and SKIMS to Starbucks and Nike and thousands more, so you can see exactly what good looks like, understand why it works, and build your own without starting from a blank canvas.

444,000+
Emails to study
8,000+
Brands represented
Daily
New emails added
90+
Categories to browse
01Examples

Email design examples worth stealing

Every email here is real, pulled from live campaigns, not mockups. Browse by the kind of email you are designing, then open any one to see it full size.

See all 444,000+ email designs in the full gallery →
02What makes great design

What makes great email design

After looking at hundreds of thousands of emails, the same handful of things separate the ones that convert from the ones that get deleted. Here is what the best brands get right, with a real example of each.

Arc'teryxArc'teryx email showing a clear visual hierarchy

A clear visual hierarchy.

The eye should land on one thing first, usually the offer or the story, then flow naturally to the CTA. The best emails use size, spacing, and contrast to make that path obvious in half a second.

Herman MillerHerman Miller email showing layout that survives the inbox

Layout that survives the inbox.

A design that looks perfect in Figma can fall apart in Outlook. Great email design respects the grid, keeps structure simple, and never bets the message on a fragile layout.

AirbnbAirbnb email showing mobile-first, always

Mobile-first, always.

Most people open on a phone, so the best emails are built to be thumb-friendly first: single columns, big tap targets, text you can read without pinching. Design for the small screen and the desktop takes care of itself.

Liquid DeathLiquid Death email showing dark mode that does not break

Dark mode that does not break.

Half your list reads in dark mode, and a design that ignores it ships broken: invisible logos, muddy images, unreadable text. The brands that nail it plan for both themes from the start.

United Sodas · GIFUnited Sodas email showing motion with a purpose

Motion with a purpose.

A well-placed GIF can show a product, demo a feature, or add just enough delight, all without tanking load time. The trick is using motion to communicate, not decorate.

EverlaneEverlane email showing details that finish the job

Details that finish the job.

Footers, preview text, alt text, accessible color contrast: the unglamorous stuff is where good design becomes great. It is also where most emails quietly fall short.

03Top resources

The top email design resources

The galleries, tools, and references worth bookmarking. Start with our own gallery and guides, then explore the best of what the email community has built.

Email Love
Inspiration gallery
444,000+ real emails, filterable by industry, type, and style.
Email benchmarks
Quarterly subject-line, send-timing, and design stats from the archive.
Subject line collections
Real subject lines by occasion and email type, each linked to its email.
Lifecycle journeys
Full onboarding, cart, and re-engagement flows captured end to end.
Brand directory
Browse 8,000+ brands and see every email we have archived.
Figma plugin
Design in Figma and export production-ready HTML straight to your ESP.
Inspiration galleries
Really Good Emails
A large, curated gallery of real marketing emails to browse for inspiration.
Milled
A searchable archive of brand emails and newsletters from thousands of stores.
MailCharts
Competitive email data and campaign examples grouped by industry.
Testing & previews
Litmus
Preview and test how your email renders across 100+ clients and devices.
Email on Acid
Email previews, QA, and deliverability checks before you hit send.
Parcel
A modern code editor built for email, with live previews as you write.
Mail Tester
A quick spam-score and deliverability check for any test send.
Standards & accessibility
Can I Email
Support tables for the HTML and CSS features every major email client does (and does not) render.
Campaign Monitor CSS guide
A long-running reference for CSS support across email clients.
Accessible Email
Guidance and checks for making email readable by everyone.
WebAIM Contrast Checker
Confirm your text and button colors clear accessible contrast ratios.
Code & frameworks
MJML
An open-source framework that compiles simple markup into responsive, client-safe HTML.
Maizzle
Build HTML emails with Tailwind CSS and a modern build pipeline.
Cerberus
Battle-tested, responsive email code patterns you can copy and paste.
Foundation for Emails
A responsive email framework with a grid built to survive Outlook.
Good Email Code
Accessible, robust email code snippets and guidance from Mark Robbins.
HTML Email Boilerplate
A starting template that patches the best-known email client bugs.
Builders & community
Stripo
A drag-and-drop email template builder with a large template library.
BEE
A no-code email and landing page builder for fast, responsive designs.
Knak
Enterprise no-code email and landing page creation for marketing teams.
Taxi for Email
A collaborative email production platform for large, templated programs.
Email Geeks
A friendly community of email developers and marketers sharing hard-won know-how.
FAQ

Email design FAQ

What is email design?+
Email design is the craft of laying out an email (its structure, typography, imagery, color, and calls to action) so it looks great and drives action in every inbox and on every device. Good email design balances brand, readability, and conversion.
What makes a good email design?+
A clear visual hierarchy, a mobile-first layout, dark-mode readiness, purposeful use of imagery and motion, and the finishing details (footer, preview text, alt text, accessible contrast). The best emails guide the reader to a single, obvious next step.
How do I design an email?+
Start from a real example, not a blank canvas. Pick a layout that fits your message, design mobile-first, keep the structure simple enough to survive email clients, and test in both light and dark mode. Tools like the Email Love Figma plugin let you design and export production-ready HTML without writing code.
Where can I find email design inspiration?+
Right here. Email Love's gallery holds 444,000+ real emails from the world's best brands, filterable by industry, type, and style, so you can see what is working before you design your own.
What's the difference between email design and an email template?+
Email design is the thinking: the hierarchy, layout, and craft that make an email work. A template is a reusable starting point. Great design is what turns a generic template into an email people actually engage with.
444,000+ real emails from 8,000+ brands · Updated daily · Browse the gallery