Feature Launch Email Template — Reveal Countdown

The email that turns a feature ship into a moment worth waiting for. An on-trend mesh-gradient hero layers translucent aurora blobs over a dark band with a crisp white headline, a live countdown timer ticks down to the exact reveal time, and a tight summary previews what’s coming. 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. Bold, modern, quietly confident — the tone of a team that knows what they’re about to ship.
• Palette: page #020617 · container #0f172a · text #f1f5f9 / #94a3b8 (muted) · accent aurora teal #2dd4bf → violet #a78bfa → pink #f472b6 (mesh gradient)
• Font: "Trebuchet MS", Helvetica, sans-serif
• Artwork: one mesh-gradient-hero layout hero (rasterized image) with layered translucent blob SVGs.

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] Hero — mesh-gradient-hero layout template — keep the layered rotated blob SVGs (aurora) over a dark band #020617. Recolor the aurora blobs to teal #2dd4bf (70% opacity), violet #a78bfa (60% opacity), pink #f472b6 (50% opacity). Overlay copy: headline "Something big is coming to Helix." as crisp white #f1f5f9 46px Trebuchet MS bold with a soft text-shadow, subline "A new way to build, ship, and scale — revealed in full soon." #94a3b8 15px, white pill CTA label "Get notified at reveal" in #020617 on #f1f5f9. Text-only artwork — the working CTA is the native button in step 4.
2. [native] Countdown label — text. "Full reveal in" muted #94a3b8 14px Trebuchet MS, center, tight bottom padding.
3. [native] Countdown timer — countdown block. endDate: 2026-08-28, endTime: 15:00, timezone: UTC, boardBackground: #0f172a, boardBorderColor: #2dd4bf, boardBorderWidth: 1, shape: rectangle, dividerStyle: colon. Digits: digitColor: #f1f5f9, digitFontFamily: "Trebuchet MS, Helvetica, sans-serif", digitFontSize: 48, digitFontWeight: 700. Units: unitsColor: #94a3b8, daysLabel: "Days", hoursLabel: "Hours", minutesLabel: "Minutes", secondsLabel: "Seconds". Center, generous vertical padding. This is the live timer — it animates in the inbox and ticks in the web preview.
4. [native] CTA button — button. Label "Notify me at reveal", teal #2dd4bf fill, near-black #020617 text, pill corners, center.
5. [native] Heading — text. "Here's what we can tell you" text #f1f5f9 22px Trebuchet MS bold, left.
6. [native] Teaser body — text. "It's the biggest change to Helix since launch. We've rebuilt the core to be faster, smarter, and built for teams an order of magnitude bigger than today. Full details at the reveal." muted #94a3b8 14px, left, line-height 1.7.
7. [native] Divider — hairline #1e293b, generous vertical padding.
8. [native] Hint title — text. "Three hints" text #f1f5f9 17px Trebuchet MS bold, left.
9. [native] Hint body — text. "It's real-time. It's collaborative. And it changes how your whole team ships." muted #94a3b8 14px, left.
10. [native] Footer — social + address. Recolor both to the palette: social.color = #2dd4bf, address.color = #64748b, address.fontFamily = "Trebuchet MS", Helvetica, sans-serif. Without this they fall back to a generic brand-blue that clashes with the aurora.

Make it yours

1. Swap the headline, teaser, and three hints for your actual feature.
2. Update endDate / endTime to your reveal moment.
3. Recolor the aurora blobs to your brand palette — keep the dark base so the mesh gradient glows.