Feature Launch Email Template — Reveal Countdown

The email that turns a feature ship into a moment worth waiting for. A masthead hero sets the brand nameplate against the reveal date like the cover of an issue, a live countdown ticks down to the exact moment, and three short paragraphs say what is coming without overclaiming. Built for SaaS feature launches, major updates, and platform announcements where the countdown makes the release feel like an event — not a changelog.

Snapshot

• Goal: build anticipation for a feature reveal and capture sign-ups before the launch moment.
• Audience & tone: existing users, power users, prospects watching the roadmap. Quiet, specific, confident.
• Palette: page #020617 · container #0f172a · text #f1f5f9 / #94a3b8 (muted) · accent teal #2dd4bf
• Font: "Trebuchet MS", Helvetica, sans-serif
• Artwork: free-form layout hero — the newsletter-masthead nameplate, 600×240 canvas.

Build recipe

Each step is one block in the flat stack, top to bottom. [native] = a real email block. [layout] = a free-form layout embedded as a single image.

1. [layout] Masthead — add_layout_block with the newsletter-masthead template, then override its five elements: the nameplate “Helix” in #f1f5f9, a heavy rule in the same ink, the issue label “Reveal” in accent teal #2dd4bf, the date “19 Nov · 15:00 UTC” in muted #94a3b8, and a closing hairline #334155. Set the block to flush gutters and backgroundColor: #0f172a — the template ships no ground of its own, so the dark field is a per-email override. The masthead is type only: it has no image slot and draws no button, which is what keeps the single CTA in step 4 the only one in the email.
2. [native] Kicker — text. “Reveal in”. fontSize: 14, fontWeight: 700, color #94a3b8, letterSpacing: 0.6, left. Title case, not caps — an ALL-CAPS token in a text block trips the spam proofread rule.
3. [native] Countdown timer — countdown block. endDate: 2026-11-19, endTime: 15:00, timezone: UTC, boardBackground: #0f172a, boardBorderColor: #2dd4bf, boardBorderWidth: 1, shape: rectangle, dividerStyle: colon, digits #f1f5f9 at digitFontSize: 36, units #94a3b8. Keep the target inside 99 days: the board renders two digit slots per unit, so a 199-day countdown displays as “19”. 36px digits and 8px side padding are what let the board fit a 320px phone without clipping.
4. [native] CTA button — button. Label “Email me when it is live”, teal #2dd4bf fill, near-black #020617 label (6.8:1), shapeStyle: 0_1, align: left. The only button in the email.
5. [native] Heading — text. “What we are showing on the 19th”. fontSize: 28, fontWeight: 700, color #f1f5f9, letterSpacing: -0.4, left. The one large step, appearing once.
6. [native] What it is — text. “It is one change, not a list of them. It has been running behind a flag since June and we would rather show it working than describe it.” fontSize: 16, color #94a3b8, left, lineHeight: 1.6.
7. [native] What to expect — text. “Fifteen minutes, recorded, and the link stays up afterwards. If you would rather read it, the notes go out the same afternoon.” fontSize: 16, color #94a3b8, left.
8. [native] The detail — text. “Thursday 19 November, 15:00 UTC — 07:00 Pacific.” fontSize: 14, color #94a3b8, left. One concrete line beats three vague hints.
9. [native] Sign-off rule — divider. #334155, 1px, width: 96, align: left. Note the colour: a #1e293b hairline on a #0f172a container is invisible, and an invisible divider is just a 60px hole.
10. [native] Footer — text block. The permission reminder, an unsubscribe link, and the postal address on one line each. fontSize: 12, color #94a3b8, left. Use #94a3b8, not #64748b — the latter is 3.8:1 on this container and fails the accessibility proofread check.

Make it yours

1. Swap the nameplate, heading, and two body paragraphs for your actual release.
2. Update endDate / endTime to your reveal moment, and keep it under 99 days out.
3. Recolor the teal accent to your brand — keep the dark ground, and check the button label clears 4.5:1 on it.