SaaS Welcome Email — Day-1 Onboarding

The Day-1 email that lands the moment a new user finishes signup. A clean three-step roadmap hero shows the path to value, followed by one clear activation CTA and a tight stats strip that sets expectations. Built for calm confidence — not hype.

Snapshot

• Goal: point brand-new users at their first meaningful action and set realistic expectations for week one.
• Audience & tone: day-one SaaS users. Calm, competent, encouraging — “here’s the path, here’s what good looks like.” No urgency.
• Palette: page #f8fafc · container #ffffff · text #0f172a / #475569 (muted) · accent indigo #4f46e5
• Font: "Trebuchet MS", "Lucida Grande", sans-serif
• Artwork: free-form layout hero — three numbered roadmap nodes connected by a hairline, indigo on white, 600×220 canvas

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] Roadmap hero — free-form composition (600×220): three filled circles (indigo #4f46e5, white numerals 1/2/3, 48px diameter) connected by a 2px hairline #cbd5e1, captioned “Set up · Connect · Ship”. Overlay eyebrow “DAY ONE” in indigo #4f46e5, uppercase, tracked, 12px. Heading “Your roadmap to the first win.” #0f172a, 32px, weight 700, center. Build via create_layout + set_layout_content with absolutely-positioned circles, line, and text.
2. [native] Hero CTA — button. Label “Start the setup wizard”, indigo #4f46e5 fill, white text, rounded corners, center, padding 14×32.
3. [native] Subline — text. “Takes about 6 minutes. You can pause and resume anytime.” fontSize: 15, color #475569, center, line-height: 1.6.
4. [native] Divider — hairline #e2e8f0, generous vertical padding. Separates the welcome from the stats strip — the flat model stacks and divides, it does not box.
5. [native] Stats heading — text. “What to expect this week” fontSize: 18, fontWeight: 700, color #0f172a, center.
6. [native] Stat 1 — text. “6 min average setup time” fontSize: 15, color #0f172a, center, bold value in indigo #4f46e5.
7. [native] Stat 2 — text. “3 steps from signup to first project” fontSize: 15, color #0f172a, center.
8. [native] Stat 3 — text. “1 invite unlocks team mode” fontSize: 15, color #0f172a, center.
9. [native] Help line — text. “Stuck? Reply to this email — a human reads every message.” fontSize: 14, color #475569, center, italic.
10. [native] Footer — text block with “Threadline · 148 Mission St, San Francisco, CA · [email protected] · Unsubscribe”, fontSize: 12, color #94a3b8, center, recolored to the palette.

Make it yours

1. Swap “Threadline” and the three roadmap captions for your product name and your real first-run sequence.
2. Restate the three numbers (setup time, step count, team size) with your actual medians.
3. Recolor the indigo accent to your brand — keep the single-accent, whitespace-heavy look.