Get Started

Welcome Aboard — SaaS

A calm, minimal SaaS onboarding email — centered wordmark, warm welcome heading, single prominent CTA, three quick-start tips, and a social footer.

Welcome & Onboarding saasminimalonboardingherocta

Updated Jul 10, 2026

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 zXAmdsbMFq1ve5MervUMi, then rebrand it. For the full model, point it at get_concept — email-structure, layouts-vs-emails, design-recipes.

The welcome email that lands the moment someone signs up for your SaaS. No hero art, no hype — just a centered wordmark, a warm hello, one clear button to set up their workspace, and three quick tips to make the first session count. Clean, calm, and all native blocks so every link stays live.

Snapshot

  • Goal: confirm the signup and point the new user to their first meaningful action.
  • Audience & tone: brand-new users. Calm, confident, encouraging — “you’re all set, here’s what to do next.” No urgency, no decoration.
  • Palette: page #f8fafc · container #ffffff · text #1e293b / #64748b (muted) · accent indigo #4f46e5
  • Font: Arial, Helvetica, sans-serif
  • Artwork: none — fully native blocks

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. [native] Wordmark — logo (or text). “Acme” in indigo #4f46e5, fontWeight: 700, fontSize: 20, center, generous top padding.
  2. [native] Heading — text. “Welcome to Acme” fontSize: 28, fontWeight: 700, color #1e293b, center.
  3. [native] Intro copy — text. “You’re all set. Your workspace is ready — let’s get you to your first win in the next few minutes.” fontSize: 16, color #64748b, center, line-height: 1.6.
  4. [native] CTA button — button. Label “Set up your workspace”, indigo #4f46e5 fill, white text, rounded corners, center, comfortable padding.
  5. [native] Divider — hairline #e2e8f0, generous vertical padding. Separates the welcome from the tips — the flat model stacks and divides, it does not box.
  6. [native] Tips heading — text. “Quick tips to get started” fontSize: 18, fontWeight: 700, color #1e293b, left.
  7. [native] Tip 1 — text. “1. Invite your team — Acme is better together.” fontSize: 15, color #1e293b, left, bold lead number in indigo #4f46e5.
  8. [native] Tip 2 — text. “2. Create your first project to organize your work.” fontSize: 15, color #1e293b, left, tight top padding.
  9. [native] Tip 3 — text. “3. Connect your tools so everything lives in one place.” fontSize: 15, color #1e293b, left, tight top padding.
  10. [native] Footer — social + address, recolored to the palette: social.color = #475569, address.color = #94a3b8, address.fontFamily = Arial, Helvetica, sans-serif. Without this they fall back to a generic brand-blue that clashes with the indigo.

Make it yours

  1. Swap “Acme” and the three tips for your product name and your real first-run actions.
  2. Retune the CTA label to your key activation step (“Create your first project”, “Invite your team”).
  3. Recolor the indigo accent to your brand — keep the single-accent, whitespace-heavy look.
Use this template