DESIGN TOKENS
Every color, type style, space and radius the app may use. Switch themes to check both.
Color
Surfaces
- --surfacePage background
- --surface-raisedCards
- --surface-insetWells and inputs
- --lineBorders and dividers
Text
- --inkPrimary text
- --ink-mutedSecondary text
Action
- --pitchPrimary action fill
- --pitch-textAction as text
- --on-pitchText on pitch
Heat
- --emberTests, PBs, streaks
- --ember-textHeat as text
- --on-emberText on ember
Status
- --criticalErrors
- --infoNeutral notices
Type
- screen-titleTODAY
- card-titleWeak foot finishing
- numeral18 / 25
- button
- bodyLight day — game tomorrow.
- body-strongBeat 18.
- small35 min · ball, cones, wall
- labelTest
Space and radius
- --space-1
- --space-2
- --space-3
- --space-4
- --space-5
- --space-6
- --space-8
- --space-12
- --radius-s
- --radius-m
- --radius-l
- --radius-xl
Components
Each component in the page theme and in Field. The Field panel stays light when the page is dark, so both can be checked at once.
Page theme
Button
DayStrip
SessionCard
Weak-foot session
35 minFull session today — team practice tomorrow and Thursday, game on Saturday.
- Dynamic warm-up5 min
- Left-foot wall balls × 5010 min
- TESTWall passes 30 sBeat 18
- Outside-foot cut and goNEW10 min
- Cool-down4 min
ReflectionScale
ProgressStat
Weak-foot target passes4 → 7 / 10
Block goal: 8 / 10 by week 5New PB
Cone slalom14.2 → 13.1 s
Block goal: under 13 s
Decision making
- Coach
- 3 / 5
- You
- 4 / 5
Rated from game footage
Juggling personal best
No result yet. Your first test sets the baseline.
App shell
Page content scrolls above the tab bar.
Coach shell
ROSTER
Field
Button
DayStrip
SessionCard
Weak-foot session
35 minFull session today — team practice tomorrow and Thursday, game on Saturday.
- Dynamic warm-up5 min
- Left-foot wall balls × 5010 min
- TESTWall passes 30 sBeat 18
- Outside-foot cut and goNEW10 min
- Cool-down4 min
ReflectionScale
ProgressStat
Weak-foot target passes4 → 7 / 10
Block goal: 8 / 10 by week 5New PB
Cone slalom14.2 → 13.1 s
Block goal: under 13 s
Decision making
- Coach
- 3 / 5
- You
- 4 / 5
Rated from game footage
Juggling personal best
No result yet. Your first test sets the baseline.
App shell
Page content scrolls above the tab bar.