New Feature Launch — SaaS

A vibrant product-launch email with a rasterized gradient-hero band — diagonal purple-to-indigo gradient, gradient-fill feature name, gradient pill CTA, and three benefit rows below.

Announcements saascolorfulvibrantannouncementherogradientcta

The prompt

Paste the brief below into ChatGPT or Claude with Temway's MCP enabled — the agent builds the email step by step. Or adapt it for your own brand and copy.

  • 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? Tell your agent to clone the Temway share NpEVXub1yDFZfAHHdT4z_, then rebrand it. For the full model, point it at get_conceptemail-structure, layouts-vs-emails, design-recipes.

You shipped something you’re proud of, and this email makes it feel like an event. A vibrant purple-to-indigo gradient hero names the feature with energy, then three stacked benefit highlights spell out why it matters, and a single purple button sends readers straight in to try it.

Snapshot

  • Goal: announce a new SaaS feature with “try this now” energy — confident, benefit-forward, no hedging.
  • Audience & tone: existing customers and free-trial users. Modern, energetic, plain-spoken — no jargon.
  • Palette: page #ffffff · container #ffffff · text #1e293b / #64748b (muted) · accent purple #7c3aed (hero gradient #7c3aed#4f46e5)
  • Font: "Trebuchet MS", Helvetica, sans-serif
  • Artwork: one gradient-hero layout 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.

  1. [layout] Gradient hero — apply the gradient-hero layout template; recolor its band to the purple-to-indigo diagonal gradient (#7c3aed#4f46e5). Overlay copy, text-only: eyebrow “INTRODUCING”, heading “Smart Insights” in white #ffffff, subheading “Your data, finally speaking your language.” The working CTA is the native button in step 6 — the hero itself carries no live link.
  2. [native] Section heading — text. “Why you’ll love Smart Insights”. fontSize: 22, fontWeight: 700, color #1e293b, center, generous top padding.
  3. [native] Benefit 1 — two stacked text blocks then a divider (this is the “card” done natively — stack + divide, never box):
    • Title text. “Predictive analytics”. fontSize: 17, fontWeight: 700, color #7c3aed, left.
    • Summary text. “See where your numbers are heading before they get there.” fontSize: 14, color #64748b, left, tight top padding.
    • Divider — hairline #e2e8f0, generous vertical padding.
  4. [native] Benefit 2 — same pattern:
    • Title text. “Real-time alerts”. fontSize: 17, fontWeight: 700, color #7c3aed, left.
    • Summary text. “Get pinged the moment a metric crosses a threshold you care about.” fontSize: 14, color #64748b, left, tight top padding.
    • Divider — hairline #e2e8f0, generous vertical padding.
  5. [native] Benefit 3 — same pattern (no divider after the last one):
    • Title text. “Smart recommendations”. fontSize: 17, fontWeight: 700, color #7c3aed, left.
    • Summary text. “Turn every dashboard into a next step, not just a number.” fontSize: 14, color #64748b, left, tight top padding.
  6. [native] Availability note — text. “Available now on all Pro and Enterprise plans.” fontSize: 14, italic, color #64748b, center.
  7. [native] CTA button — button. Label “Try Smart Insights”, purple #7c3aed fill, white text, rounded corners, center.
  8. [native] Footer — social + address. Recolor both to the palette: social.color = #7c3aed, address.color = #94a3b8, address.fontFamily = "Trebuchet MS", Helvetica, sans-serif. Without this they fall back to a generic brand-blue.

Make it yours

  1. Swap the feature name and the three benefit title/summary pairs for your real launch.
  2. Update the availability note to match your actual plan tiers.
  3. Recolor the purple gradient to your brand — keep one accent color across hero, benefit leads, and button.
Use this template