Onboarding Copy

Onboarding text, welcome flows, first-run messaging, and activation copy patterns.

dragoon0x 81ed497 965 B Updated

File contents

Onboarding Copy

Welcome Screen

  • Product name + one-sentence value prop.
  • "Welcome" is wasted space. Use it for value.
  • Skip illustration if it doesn't teach anything.

Setup Steps

  • Step title: action verb. "Connect your calendar."
  • Description: one sentence explaining why. "So we can find times that work for your team."
  • "Skip" always available for optional steps.

Empty States as Onboarding

  • First project: "Create your first project to get started."
  • First teammate: "Invite your team to collaborate."
  • Make the empty state do the teaching.

Progress Communication

  • "Step 2 of 4" — concrete progress.
  • "Almost there!" — only after 75% completion.
  • Celebrate finish: "You're all set. Here's your dashboard."

Tone

  • Patient but not patronizing.
  • Brief but not cryptic.
  • Encouraging but not gushing.

dragoon0x/everything-design-taste/tree/main/skills/onboarding-copy commit 81ed4974ea

Frequently asked questions

npx skillmds@latest add dragoon0x/onboarding-copy