Email Universe — 146 Templates from Fictional Companies

01: The Idea

An email template is the lowest common denominator of digital design: tables, inline styles, Outlook quirks. Usually it's dull work to someone else's brand book. Email Universe flips the task: every template is designed as if sent by a fictional company from a TV series, game or film — with its own voice, palette and occasion.

"Dunder Mifflin sends a paper newsletter. Gringotts — a dark banking promo. The Council of Ricks — a portal-gun password reset. Pied Piper offers 30 days free."

The result is a catalogue gallery: 146 templates, 54 universes, each a full production-ready HTML email.

[ SYS_IMAGE_LOAD ] The Email Universe catalogue on the site

02: Universes and Occasions

Universes are grouped into categories: TV series, animated, film, games, books, mixed. Among them — The Office, Harry Potter, Rick and Morty, Silicon Valley, Breaking Bad, Fallout, Portal, Skyrim, The Witcher, Stranger Things, Severance, Ted Lasso, Twin Peaks, Wes Anderson (The French Dispatch, Grand Budapest), Marvel, The Sims and more.

Occasions cover the whole marketing calendar and transactional flows: newsletters, promos and sales (Black Friday, Cyber Monday), holidays (Easter, Halloween, Valentine's, Chinese New Year, Father's / Mother's Day), welcome and registration confirmation, password reset, abandoned cart, order and payment confirmation, failed payment, tickets and flight cancellation, webinars and events, countdown timers, birthdays.

[ SYS_IMAGE_LOAD ] Templates: The Witcher, Council of Ricks, Dunder Mifflin, Gringotts, Kwik-E-Mart, Moordale, Nuka-Cola, Pied Piper

03: Design

Each company has its own system: typography, colour, copy tone, illustration. Pizza Planet — yellow-red retro; Saul Goodman — blue blocks and stock-photo optimism; Stark Industries — military red on black; The French Dispatch — newspaper serif and paper; Umbrella — clinical white and black; Wakanda Elements — monochrome luxury; Aperture Science — a lab form.

It's a design showcase disguised as an engineering exercise: 146 times showing how the same email format can sound completely different.

[ SYS_IMAGE_LOAD ] Templates: Pizza Planet, Saul Goodman, Stark Industries, The French Dispatch, Umbrella, Wakanda, Aperture, Pied Piper

04: Email Engineering

HTML in email is the most hostile rendering environment there is. Every template follows mail-client rules: table layout with role="presentation", inline styles, safe web fonts with fallbacks, Outlook conditional comments (mso), responsive @media for mobile, images with alt text, 600–700 px width. One template — one self-contained HTML file you can take and send.

<!-- the typical skeleton: tables, inline styles, fallback fonts -->
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
  <tr><td align="center" style="padding:24px 0;">
    <table role="presentation" width="600" style="max-width:600px;background:#ffffff;">
      <tr><td style="font-family:Helvetica, Arial, sans-serif;font-size:16px;line-height:24px;color:#222;">
        Hey there, valued Dunder Mifflin client!
      </td></tr>
    </table>
  </td></tr>
</table>

05: The Catalogue on This Site

All templates live right here in the portfolio: /emails — a filter by universe category, grouping by universe, and a page per template with the rendered email and its source HTML. Templates are stored in the database (EmailTemplate: universe, company, email type, tags) and as files in /emails/*.html, managed through the site's admin panel.

[ SYS_IMAGE_LOAD ] Catalogue: grouped by universe

06: Stack

HTML email (table layout, inline CSS, MSO conditionals, @media) · catalogue on Next.js + Prisma · admin panel for adding and editing templates

07: Outcome

146 emails from 54 fictional companies — a library where any scenario (promo, transaction, holiday, event) can be picked up and seen done with life in it. Browse the catalogue: omhome-bro.vercel.app/emails.