Product Launch Email Template — Spotlight
A product launch email template with a floating product-card hero — halo glow, gradient headline, and a gradient pill CTA — followed by three reasons to upgrade.
The prompt
Two ways to build this email in plain language. The fastest is Temway's in-editor assistant — open the chat drawer in the email editor and paste the recipe below. Or connect Claude or ChatGPT via Temway's MCP and paste it there; the agent builds the email step by step. Either way, adapt the copy and colors to your brand.
- An email is a top-to-bottom stack of blocks — the recipe follows that order.
- A
[layout]step becomes a single image (great for heroes); everything else stays live text and links. - Theme the footer to match — the recipe's last step does exactly that.
Want this exact email? Click Use this template below to clone
it into your workspace, then ask the in-editor assistant to rebrand it. Over MCP, tell
your agent to clone the Temway share xHawO1fz5C_BpchFeOSe7 and rebrand. For the
full model, point an MCP agent at get_concept — email-structure,
layouts-vs-emails, design-recipes.
The email that puts your new product on a pedestal. A floating product card glows over a soft gradient, the headline lands the pitch in one line, and a single gradient button sends readers straight to the launch page — then three tight benefit lines close the sale. Airy, confident, unmistakably premium.
Snapshot
- Goal: announce a new product or major release and drive clicks to the launch page.
- Audience & tone: existing users and prospects. Polished, calm, high-end — “this is worth your attention.” No hype, no clutter.
- Palette: page
#f8fafc· container#ffffff· text#0f172a/#64748b(muted) · accent indigo#4f46e5(hero gradient#4f46e5→#818cf8) - Font:
"Trebuchet MS", Helvetica, sans-serif - Artwork: one
spotlight-productlayout hero (a single rasterized image). Everything below it is native, selectable, clickable.
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.
- [layout] Spotlight hero — apply the
spotlight-productlayout template; recolor its halo + gradient headline + gradient pill to the indigo palette (#4f46e5→#818cf8) over#f8fafc. Drop your product shot into the floating card. Overlay copy: gradient headline “Meet Horizon 2.0”, subline “The fastest way to ship your work yet.” Text-only artwork — the working CTA is step 3. - [native] Intro copy — text. “We rebuilt Horizon from the ground up — faster, cleaner, and ready for your whole team. Here’s what’s new.”
fontSize: 16, color#64748b, center,line-height: 1.6. - [native] CTA button — button. Label “See what’s new”, indigo
#4f46e5fill, white text, rounded corners, center, comfortable padding. - [native] Divider — hairline
#e2e8f0, generous vertical padding. Separates the pitch from the proof — the flat model stacks and divides, it does not box. - [native] Benefit 1 — text. ”⚡ 2× faster — pages load and save in half the time.”
fontSize: 15, color#0f172a, left, bold lead word in indigo#4f46e5. - [native] Benefit 2 — text. ”🤝 Built for teams — real-time collaboration, no refresh.”
fontSize: 15, color#0f172a, left, tight top padding. - [native] Benefit 3 — text. ”🔒 Enterprise-ready — SSO, audit logs, and SOC 2.”
fontSize: 15, color#0f172a, left, tight top padding. - [native] Closing line — text. “Already on Horizon? The update is live in your workspace today.”
fontSize: 14, color#64748b, center. - [native] Footer — social + address. Recolor both to the palette:
social.color=#4f46e5,address.color=#94a3b8,address.fontFamily="Trebuchet MS", Helvetica, sans-serif. Without this they fall back to a generic brand-blue that clashes with the indigo.
Make it yours
- Swap “Horizon 2.0”, the subline, and the product shot in the floating card for your launch.
- Rewrite the three benefit lines as your top three reasons to upgrade.
- Recolor the indigo hero gradient to your brand — keep the single floating card and one clear CTA.