Volt — Electric-Lime Fitness Dashboard
An electric-lime fitness/health dashboard on near-black: a big animated step-progress ring, stat chips, a weekly-activity bar chart, health insights, a workouts list, a challenge card, and an achievements grid with a bottom nav.
Summary
A high-energy fitness / health tracker home dashboard on a near-black charcoal base with an ELECTRIC-LIME accent: a large animated circular step-progress ring (steps vs goal), a row of stat chips (distance / calories / minutes), a weekly-activity bar chart with a Steps/Cal/Dist toggle, a health-insights (sleep) card, a 'Today's Workouts' list, a weekly-challenge card with progress, an achievements grid (locked + unlocked), and a bottom tab nav. Sporty, high-contrast, decidedly NOT warm-orange.
Style
Electric sport: near-black charcoal with electric-lime primary + cyan secondary; high-energy, high-contrast.
Layout & Structure
Single mobile dashboard, vertical: status bar, header, step ring, stat chips, weekly chart, insights card, workouts list, challenge card, achievements grid, bottom nav.
Header
Step ring (hero)
Stat chips
Weekly chart
Health insights
Workouts list
Challenge card
Achievements + nav
Components
Lime progress ring
The hero metric.
Segmented chart toggle
Metric switch.
Special Notes
Keep small labels ≥4.5:1 on the dark base (the glow lifts the local bg). Lime is the energy accent, cyan secondary; never warm orange or slop-purple. Real mobile proportions; reflow at 360/768.