Integration Launch Announcement Email — Connect

A new-integration email that shows, then tells. A bento-grid hero previews the connected workflow at a glance, a short trio of stats proves the time saved, and a single button drops readers straight into setup. Confident, modern, and built for a product-minded audience that decides in seconds.

Snapshot

• Goal: launch a new two-way integration and drive immediate connects from existing teams.
• Audience & tone: current customers and team admins. Modern, plain-spoken, product-forward — no jargon, no hype.
• Palette: page #f8fafc · container #ffffff · text #1e1b4b / #64748b (muted) · accent indigo #4f46e5
• Font: "Trebuchet MS", Helvetica, sans-serif
• Artwork: one free-form layout hero — bento grid of indigo and white tiles spelling “Flowstate × Slack” with mini stat callouts. Text-only artwork.

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 — free-form composition: bento grid of four tiles. One large indigo #4f46e5 tile with “Flowstate × Slack” in white #ffffff; three white tiles with callouts — “2-way sync”, “1-click connect”, “12,000 teams”. Bold, geometric, screen-first. Text-only artwork — the working link is the native button in step 8.
2. [native] Lede — text. “Flowstate now syncs two-way with Slack. Updates you track in Flowstate post to the right channel automatically — and decisions made in Slack land back in Flowstate without a copy-paste.” fontSize: 18, fontWeight: 400, color #1e1b4b, left, generous top padding.
3. [native] Stats heading — text. “Why teams connect”. fontSize: 20, fontWeight: 700, color #1e1b4b, left.
4. [native] Stat 1 — two stacked text blocks then a divider:
   • Number text. “3.2 hrs”. fontSize: 28, fontWeight: 700, color #4f46e5, left.
   • Label text. “saved per teammate every week, on average.” fontSize: 14, color #64748b, left, tight top padding.
   • Divider — hairline #e2e8f0, generous vertical padding.
5. [native] Stat 2 — same pattern:
   • Number text. “1 click”. fontSize: 28, fontWeight: 700, color #4f46e5, left.
   • Label text. “to connect — no admin export, no Zapier middleman.” fontSize: 14, color #64748b, left.
   • Divider — hairline #e2e8f0, generous vertical padding.
6. [native] Stat 3 — same pattern (no divider after the last):
   • Number text. “12,000”. fontSize: 28, fontWeight: 700, color #4f46e5, left.
   • Label text. “teams already running Flowstate and Slack side by side.” fontSize: 14, color #64748b, left.
7. [native] How it works — text. “Open Settings → Integrations → Slack, pick a channel per project, and you’re live. Full setup takes under two minutes.” fontSize: 15, color #1e1b4b, left, comfortable line height.
8. [native] CTA button — button. Label “Connect Slack”, indigo #4f46e5 fill, white text, rounded corners, center.
9. [native] Footer — text block. “Flowstate · 539 Bryant St, Suite 200, San Francisco, CA · [email protected] · Slack / X / GitHub”. fontSize: 12, color #64748b, center. Recolored to the palette — links in accent #4f46e5.

Make it yours

1. Swap “Slack” for your integration partner and update the bento callouts to match.
2. Replace the three stats with your real time-saved numbers from beta.
3. Repaint the indigo tiles to your brand — keep one accent across the hero, stat numbers, and button.