Onboarding Email Template — First Three Steps

Most onboarding emails list six features. The user reads none and does nothing. Three ordered steps work better because ordering is real information: do this, then this, then this. It is the one shape where a number next to a heading earns its place.

Snapshot

• Goal: get a new account to its first useful action, in a defined order.
• Audience & tone: someone who signed up ten minutes ago and has not built anything yet. Instructional, brisk, no cheerleading.
• Palette: page #e5e6e8 · container #f8f9fa · text #090e13 / #696c70 (muted) · accent #3b5875
• Font: Trebuchet MS, 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] Headline — text. “Your workspace is ready”, fontSize: 28, color #090e13, left.
2. [native] Body copy 1 — text. “Here’s the shortest path to something useful — three steps, about ten minutes total.”, fontSize: 16, color #090e13, left.
3. [native] Story title 1 — text. “1. Connect your data source”, fontSize: 20, color #090e13, left.
4. [native] Body copy 2 — text. “Link the accounts and tools you already use — it takes about a minute, and everything below builds on this connection.”, fontSize: 16, color #090e13, left.
5. [native] Story title 2 — text. “2. Import what you have”, fontSize: 20, color #090e13, left.
6. [native] Body copy 3 — text. “Bring in whatever you already have, whether that’s a spreadsheet or an export from another tool, and we will organize it automatically.”, fontSize: 16, color #090e13, left.
7. [native] Story title 3 — text. “3. Launch your project”, fontSize: 20, color #090e13, left.
8. [native] Body copy 4 — text. “Hit go, share the link with your team, and watch the first results come in — this is the step that actually starts paying off.”, fontSize: 16, color #090e13, left.
9. [native] Primary CTA — button. Label “Start with step one”, fill #3b5875, color #ffffff, shapeStyle: ‘0_1’, left.
10. [native] Body copy 5 — text. “All three steps take about ten minutes total, and if you get stuck, just reply to this email — a real person answers within a day.”, fontSize: 16, color #696c70, left.
11. [native] Footer rule — divider. short (96px) rule, 1px, color #e9e9e9.
12. [native] Footer social — social. Icon row, social.color #3b5875, style circle-outline, center.
13. [native] Footer address — address. Postal address + unsubscribe, address.color #696c70, address.fontFamily Trebuchet MS, Helvetica, sans-serif, center.

Make it yours

1. Make step one genuinely small. If it takes twenty minutes, it is not step one.
2. Deep-link the CTA to step one’s actual screen. A CTA that lands on the dashboard undoes the ordering the template just established.
3. Rewrite the three detail lines to say what the user gets, not what the feature is called.