Welcome Email Template — Community App

A playful welcome email for a community app — a Y2K sticker-stack hero (confetti, stars, a tilted HI! tag) followed by three friendly getting-started steps and a themed footer.

Welcome & Onboarding appcommunityplayfulonboarding

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

The first hello for a community app that wants to feel like a party, not a dashboard. A sticker-stacked hero bursts with confetti and a hand-tilted “HI!” tag, a warm one-liner welcomes the new member, and three short steps walk them from empty profile to first message. It fires the moment someone joins — cheerful, human, and impossible to ignore.

Snapshot

  • Goal: welcome a brand-new member and get them to set up, join a room, and post their first message.
  • Audience & tone: first-time community members. Warm, playful, a little Y2K — “you’re one of us now.” Friendly over formal.
  • Palette: page #fffbeb · container #ffffff · text #1c1917 / #57534e (muted) · accent fuchsia #db2777 · secondary cyan #06b6d4 · hairline #fde68a
  • Font: "Trebuchet MS", Helvetica, sans-serif
  • Artwork: one sticker-fun layout hero (a single rasterized image, text-only). 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] Sticker-fun hero — apply the sticker-fun layout template on a 600 × 360 canvas; keep the yellow backdrop #fde68a, then recolor the fun to the brand: confetti to fuchsia #db2777 and cyan #06b6d4, the star sticker to fuchsia #db2777, both sparkles to cyan #06b6d4, and the tilted pill tag’s background to fuchsia #db2777 (copy “HI!”). Overlay copy: headline “Welcome to the crew!” (dark #0f172a), subheading “You’re in — let’s get you set up.” (dark). The baked-in dark pill reads “Open the app” (#0f172a fill, white text) — text-only artwork; the working CTA is step 6.
  2. [native] Welcome copy — text. “You made it! We’re so glad you’re here. Here’s everything you need to hit the ground running.” fontSize: 16, color #1c1917, center, line-height: 1.6.
  3. [native] Step 1 — text. Bold fuchsia lead “1. Set up your profile — ” (#db2777) then “add a photo and a name so your crew knows it’s you.” fontSize: 15, color #1c1917, left, line-height: 1.7.
  4. [native] Step 2 — text. Bold cyan lead “2. Join a room — ” (#0891b2 so it stays legible on white) then “find your people by topic and jump into the conversation.” fontSize: 15, color #1c1917, left, tight top padding.
  5. [native] Step 3 — text. Bold fuchsia lead “3. Say hi — ” (#db2777) then “post your first message. We promise everyone’s friendly.” fontSize: 15, color #1c1917, left, tight top padding.
  6. [native] CTA button — button. Label “Open the app”, fuchsia #db2777 fill, white text, pill shape, center.
  7. [native] Divider — hairline #fde68a, paddingTop: 24 / paddingBottom: 24. Separates the steps from the sign-off — the flat model stacks and divides, it does not box.
  8. [native] Closing line — text. “Questions? Just reply — a real human reads every message.” fontSize: 14, color #57534e, center.
  9. [native] Footer — social + address, recolored to the palette: social.color = #db2777, address.color = #94a3b8, address.fontFamily = "Trebuchet MS", Helvetica, sans-serif. Without this they fall back to a generic brand-blue that clashes with the fuchsia.

Make it yours

  1. Swap the headline, welcome line, and the three steps for your own onboarding path — keep them short and encouraging.
  2. Recolor the stickers to your brand’s two accents (keep the yellow backdrop for the sunny, playful feel, or trade it for your own bright base).
  3. Point “Open the app” at your real deep link, and rewrite the closing line in your own voice.
Use this template