Hyper Design System
The foundations and components every screen is built from, each specimen rendered from the code that ships.
ColorsWarm sand neutrals, one tangerine accent and four status ramps on a shared lightness ladder.
TypographyGeist Sans and Geist Mono on one tight scale.
ComponentsPrimitives in every variant, ready to compose.
MotionShort durations, decisive curves, nothing ornamental.
IconsTabler line icons at a single stroke weight.
MaterialsRadius and elevation that rise together.
Spacing & layoutA 4px base, three rhythm steps, fixed containers.
At a glance
What the token files define today, counted from the source.
- Colour steps
- 68
- Type sizes
- 11
- Radii
- 13
- Shadows
- 15
- Durations
- 11
- Easings
- 8