Product Announcement Email Template

The template is built for one job: announce a new release and point readers at it. The demo brand is LUME, a lighting studio launching a winter collection, and every section serves that single message.

It reads top to bottom in a 600px single column. A thin 1px rule opens the email, then a masthead with the LUME wordmark on the left in wide letter-spacing and a quiet "View in browser" link on the right. Below that sits the hero: a small uppercase eyebrow ("New season / 2026"), then the headline "The Winter Collection" set large in a light 300 weight at 38px. The headline is live text, not an image, so it loads instantly and stays sharp.

Then one full-width image at 600 by 720, a single short paragraph of body copy, and one button: "Discover the collection." That is the whole pitch. There is no second offer competing for the click.

Lower down, a two-column feature band highlights one product, the Halo Sconce, with a small image, a label, two lines of description, and an underlined text link. On mobile it stacks to one column. A closing line and a footer with navigation, address, and unsubscribe links finish it.

The restraint is the point. The palette is cool monochrome: a bone canvas (#edeeec), near-black ink (#16161a), and a muted gray (#6c6c68) for secondary text. No accent color at all. The type is Jost, a geometric sans, falling back to Helvetica. Taste comes from whitespace, scale, and one good photo, not decoration. That discipline, one message and one call to action, is what makes a product announcement actually convert.

Email clients are not browsers. Gmail strips your head styles, Outlook renders with Microsoft Word, and Apple Mail does its own thing. This template is written for that reality.

The layout is built on nested tables, not div and flexbox, because Outlook ignores modern CSS layout. Styling is inline on each element, so it survives Gmail clipping the style block. The structure uses an XHTML doctype and MSO conditional comments, including the PixelsPerInch fix that stops Outlook from scaling images up.

The headline and body are live text, so they render even with images off and stay readable for screen readers. The button is bulletproof: Outlook gets a VML roundrect fill, every other client gets a padded inline-block link. Either way it is a real clickable shape, not an image that breaks when images are blocked.

For dark mode, the file declares color-scheme light only and supported-color-schemes light, which tells Apple Mail and others to leave the cool bone-and-ink palette alone instead of inverting it into muddy grays. A hidden preheader controls the inbox preview line, and x-apple-disable-message-reformatting stops iOS from resizing your type. One media query handles mobile: it widens padding, scales the headline down to 32px, and stacks the two-column band.

You do not need to rebuild anything. The file is ready to drop in.

1. Copy the full HTML. Open the template file and copy everything from the doctype to the closing html tag.

2. Paste it in. In Klaviyo, add an HTML block to a template or import the file when creating a new email. In Mailchimp, choose Code your own, then Paste in code, and drop the HTML there.

3. Swap the brand. Replace LUME with your name, change the two hosted image URLs to your own product photos, and update the headline, paragraph, button label, and footer address. To rebrand the colors, find and replace the four hex values: #16161a (ink and button), #edeeec (background), #6c6c68 (gray text), and #d6d7d3 (hairline rules).

4. Fix the links. Every href points at example.com. Point them at your real product page, and confirm the unsubscribe and view-in-browser links are wired up.

5. Test before you send. Send yourself a test and a Litmus or Email on Acid preview if you have one. Check Gmail, Apple Mail, and Outlook, and toggle dark mode. Then schedule and send to your list.