Product Launch (Drop) Email Template

This template is built around one product and one decision. No category grid, no "also check out" filler. The demo brand is PULSAR, a Brooklyn synth maker dropping a single unit called the Mono Synth, and every section pushes the reader toward one button: Claim your unit.

The layout reads top to bottom in a clear order. A small wordmark and a SYNTH GEAR / BROOKLYN meta line sit above a hairline divider. Then a lime LIMITED DROP chip flags the moment. The headline is huge and tight (62px Space Grotesk, negative letter-spacing) and breaks across two lines: The Mono Synth. A short subhead explains the product in plain terms, then a single hero product image sits inside a thin border.

Under the image, a price row pairs $429 with a SHIPS IN 3 WEEKS note. Below that, the one number that matters gets the spotlight: a 72px lime 500 next to the line about 500 hand-numbered units, then it's closed for good. That is the scarcity engine, and it is the only place a big stat appears.

The first CTA follows immediately, with a DROP OPENS THURSDAY, 11AM ET timestamp under it so the reader knows exactly when to act. A WHAT'S INSIDE block lays out four specs in a two-by-two grid (oscillator, filter, MIDI and CV, build). A full-bleed violet band titled FROM THE WORKBENCH adds the human story: a person tunes and signs every unit. Then a closing line about past runs selling out the same afternoon, a repeat of the same CTA, and a clean footer with address and unsubscribe.

The color discipline is the quiet reason it works. The ground is near-black (#101014, not pure black), the ink is off-white (#f4f4f2), and acid lime (#c6ff5e) is the single event color. Lime appears only as the chip, the one stat, and the button fill. It never becomes body text. That restraint is what makes the button impossible to miss.

Email clients are not browsers. Gmail strips your style tag, Outlook on Windows renders with Microsoft Word's engine, and dark mode can invert colors you did not plan for. This template is built for those realities instead of fighting them.

The whole layout is nested tables, not divs or flexbox, so the structure holds in Outlook. Every style that matters is inline on the element, because Gmail discards the head styles on the clipped view. The single media query for mobile is a progressive enhancement, not load-bearing.

All the text is live HTML text, not baked into an image. That means it stays sharp, it is searchable and accessible, and it still reads if images are blocked. The display face is Space Grotesk with a full system fallback stack (Helvetica, Arial), and the mono labels fall back to Courier, so nothing breaks where the web font does not load, including Outlook.

The buttons are bulletproof. For Outlook, there is a VML roundrect with the lime fill and dark label baked in. Everywhere else, a styled bordered link with a fixed width and line-height renders the same button. On mobile it stretches to full width and centers.

Dark mode is handled on purpose. The design is already dark, so it ships with color-scheme and supported-color-schemes set to dark only. That tells Apple Mail and others to leave the palette alone instead of re-inverting it, so the near-black ground and lime button look the same in light or dark. An x-apple-disable-message-reformatting tag stops iOS from resizing your type.

You do not need a developer to ship this. The flow is copy, paste, reskin, test, send.

First, copy the full HTML from the template file. In Klaviyo, create a new email, choose to start from HTML, and paste the whole document in, or drag an HTML block into a drag-and-drop template and paste it there. In Mailchimp, create a campaign, pick the Code your own or Paste in code option, and paste the full HTML.

Next, reskin it. The template uses a tight set of hex values, so find and replace is fast. Swap the near-black ground (#101014), the off-white ink (#f4f4f2), the accent lime (#c6ff5e), and the violet band (#5b3fb0) for your brand colors. Keep one accent color doing the work and do not turn body text into your accent. Replace the wordmark, the headline, the subhead, the hero image source, the price, the scarcity number, the four specs, and the workbench story. Point both CTA links and the footer links at your real URLs, and fix the unsubscribe link to your ESP's merge tag.

Then test before you send. Send a real preview to yourself and open it in Gmail, Outlook, and on your phone in dark mode. Check that the button shows up, the hero image loads with its alt text, and the headline does not wrap badly. Use your ESP's inbox preview tool if you have one.

Last, set your subject line and preheader, schedule it for your drop time, and send. The template ships with a subject and preheader in the comments you can lift and edit.