Commit d14ff01
Redesign onboarding flow: new Stitch-inspired UI (3 screens)
Replace the 4-screen onboarding (Welcome → Calibrate → Connect → Goal) with a
3-screen lab-themed flow (The Basics → Connect Devices → Choose Goal) based on
Google Stitch designs.
Key changes:
- Remove Welcome screen (now redirects to calibrate)
- New design system: Space Grotesk + Inter fonts, Material 3 color tokens,
light/dark adaptive theme, atmospheric gradient backgrounds
- Screen 1 (The Basics): 3 biological sex options (male/female/other) with
icons, underline-styled DOB inputs, lab motif decorative element
- Screen 2 (Connect Devices): 2-column card grid with device logos, category
sections (Wearables + CGMs), status badges
- Screen 3 (Choose Goal): Rich goal cards with category labels, descriptions,
watermark icons, asymmetric 2-column stagger layout
- Consistent header (Health Decoder brand + step indicator) across all screens
- Gradient CTA buttons, back navigation on screens 2-3
- DB migration to allow 'other' biological sex value
- Update UserProfile type and downstream consumers for 'other' sex option
- 31 onboarding tests + updated index redirect test (37 total)
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>1 parent 4709f7b commit d14ff01
File tree
22 files changed
+1769
-608
lines changed- mobile
- assets/images/providers
- src
- app
- (onboarding)
- __tests__
- (tabs)
- __tests__
- hooks
- types
- supabase/migrations
22 files changed
+1769
-608
lines changedLoading
Loading
Loading
Loading
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
30 | 30 | | |
31 | 31 | | |
32 | 32 | | |
| 33 | + | |
| 34 | + | |
33 | 35 | | |
34 | 36 | | |
35 | 37 | | |
| |||
0 commit comments