Design a multi-step onboarding flow
Four steps, saved progress, validation per step and a finish state that actually personalises the app.
Build a 4-step onboarding wizard for a new user of [PRODUCT]. STEPS 1. Profile: full name, role, company size (select). 2. Goal: pick one of 4 goals as large selectable cards. 3. Workspace: workspace name, URL slug generated from the name and editable, timezone. 4. Invite: up to 5 email addresses, all optional, with a "skip for now" link. BEHAVIOUR - Progress indicator showing step x of 4 with completed states. - Validation runs on "continue", errors appear under the field and are announced to screen readers. - Back never loses entered data. - Progress persists to localStorage so a refresh resumes on the same step. - Finishing writes the profile and workspace, then routes to the dashboard with a welcome banner. ACCEPTANCE CRITERIA - Every field has a real <label>, not a placeholder acting as one. - The full flow is completable with keyboard only. - Works at 360px with the continue button always reachable.