SaaS Newsletter Template — Monthly Metrics

A SaaS newsletter template for monthly metrics recaps — a dark dashboard layout with a mesh-gradient hero, a three-stat row, and three product-area notes.

Newsletter saasdarkwith-stats

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 52GyQDXvmdTqN84SVRap- and rebrand. For the full model, point an MCP agent at get_conceptemail-structure, layouts-vs-emails, design-recipes.

A monthly product-metrics recap sent to the whole company and a few key investors. Dark dashboard aesthetic, a mesh-gradient hero opens the issue, three stacked stats frame the month at a glance, then three short notes from product leads. Built to be skimmed on Slack in sixty seconds.

Snapshot

  • Goal: align the company and investors on the month’s product performance with headline stats and three crisp area notes.
  • Audience & tone: internal team members and existing investors. Confident, numbers-first, no spin — if a number is down, it says so.
  • Palette: page #0b1020 · container #131a2e · text #f1f5f9 / #94a3b8 (muted) · accent cyan #22d3ee
  • Font: Verdana, Geneva, sans-serif
  • Artwork: one mesh-gradient-hero layout hero (a single rasterized image) — dark base with cyan/violet mesh glow. 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] Mesh-gradient hero — apply the mesh-gradient-hero layout template; recolor the mesh to cyan #22d3ee and violet #7c3aed glows over page #0b1020. Overlay copy: eyebrow “METRICS · JULY 2026” (fontSize: 12, uppercase, #94a3b8) and heading “A record month, with one yellow flag.” (fontSize: 28, #f1f5f9, Verdana). Text-only artwork — the working links live in the native rows below.
  2. [native] Stat 1 — text. “62,400”. fontSize: 34, fontWeight: 700, color #22d3ee, left, tight line-height.
  3. [native] Stat 1 label — text. “Monthly active users · +18% MoM”. fontSize: 13, color #94a3b8, left, tight top padding.
  4. [native] Stat 2 — text. “$1.24M”. fontSize: 34, fontWeight: 700, color #f1f5f9, left.
  5. [native] Stat 2 label — text. “Net new ARR · +22% MoM”. fontSize: 13, color #94a3b8, left, tight top padding.
  6. [native] Stat 3 — text. “3.1%”. fontSize: 34, fontWeight: 700, color #f1f5f9, left.
  7. [native] Stat 3 label — text. “Monthly churn · the yellow flag — up from 2.4%”. fontSize: 13, color #94a3b8, left, tight top padding.
  8. [native] Divider — hairline #1e293b, generous vertical padding.
  9. [native] Section eyebrow — text. “NOTES FROM PRODUCT”. fontSize: 12, fontWeight: 700, letterSpacing: 0.06em, color #22d3ee, left.
  10. [native] Note 1 — text. “Activation: the new onboarding flow lifted D7 retention 9 points.” fontSize: 14, color #f1f5f9, left, lineHeight: 1.6.
  11. [native] Note 2 — text. “Reliability: 99.98% uptime — one incident, 14 minutes, postmortem shared.” fontSize: 14, color #f1f5f9, left.
  12. [native] Note 3 — text. “Churn investigation: cohort analysis points at the SMB tier — addressing in August.” fontSize: 14, color #f1f5f9, left.
  13. [native] Sign-off — text. ”— Lumen Labs product team”. fontSize: 13, color #94a3b8, left.
  14. [native] Footer — text block. “Lumen Labs · 535 Mission St, San Francisco CA 94105 · [dashboard] · [investor deck] · [careers]”, fontSize: 12, color #94a3b8, center, links in accent #22d3ee. Custom text footer — not the social/address blocks.

Make it yours

  1. Swap the three stats and labels for your month’s real headline numbers — own the bad number; credibility is the whole point.
  2. Replace the three product notes with your leads’ actual updates; hold each to one sentence.
  3. The dark dashboard palette is a signature — keep the cyan accent or swap for your data-viz house color; Verdana keeps numbers dense and legible.
Use this template