Evolve · Progress Page V1
An Apple-grade Progress experience for the Evolve calorie-tracking app. Dark-mode-first, restrained palette, SwiftUI-ready. Designed to sit beside Apple Health and Apple Fitness without looking out of place.
🧠
Core Technologies
- Figma — Editable source, auto-layout, variables
- SwiftUI — Dev-ready component spec
- SF Symbols — Monoline iconography baseline
- Design Tokens — Color, spacing, type, radius
📦
V1 Deliverables
✓
Figma source file (editable, layer-named, auto-layout, variables wired)
V1✓
Design tokens (colors, spacing scale, type ramp, corner radii)
V1✓
Three dark theme variants documented (Onyx, Graphite, Aurora)
V1✓
Component library (Card, StatTile, ChartCard, SegmentedControl, ListRow)
V1✓
Iconography (SF-symbol-style monoline icon set)
V1✓
Motion notes for micro-interactions and chart entry animations
V1✓
Dev handoff package (SwiftUI-ready, assets exported at 1x/2x/3x)
V1✓
Two iteration rounds included, 5 to 7 working day timeline
V1→
Apple Watch companion Progress glance
V2→
Light-mode parity pass
V2→
Localised number and unit formatting (kg / lb)
V2→
Accessibility audit (Dynamic Type, VoiceOver labels)
V2
🏛
Architecture Layers
DESIGN
Figma file · Auto-layout · Variables · 3 dark themes
TOKENS
Colors · Spacing · Type ramp · Radii
COMPONENT
Card · StatTile · ChartCard · SegmentedControl · ListRow
HANDOFF
SwiftUI spec · Assets 1x/2x/3x · Motion notes