Step 1
Dance Judge
Design System
Tokens, typography, and primitives. Routes and features come in Step 2+.
Typography
Bebas Neue — Display
Inter — Body. The quick brown fox jumps over the lazy dog.
Muted body text for secondary information and helper labels.
87score readout
Palette
background
card
primary
secondary
muted
accent
battle-red
battle-blue
success
warning
info
destructive
Buttons
Badges
Scored
Unscored
Live
Default
Secondary
Outline
Destructive
Score Slider
Untouched — hollow thumb, no score
0—100
Unscored
Touched — solid thumb, active score
075100
Scored