Color
Primitive palette. Click a swatch to copy its variable.
Semantic roles
Aliases components should reach for first.
Typography
Inter, 400–800. One family, contrast through weight and size.
Beat the Chill
01:23.4
9 / 14
After a grizzly shredded Jack's clothes, he must race the setting sun.
- Sprint across the curved earth.
- Swing your axe.
All wood collected
Panels & root ornaments
Every .panel gets four corner roots from ornaments.js. Size variants come from the ornament-* token groups.
Default
66 × 62
.panelSmall
44 × 41
.panel.small-rootsHUD
34 × 32
.panel.hud-rootsButtons
The CTA thickens its stroke and grows a curl in the top-left corner on hover and focus; it turns pine green while pressed.
Feedback
In-world feedback sits on the night scene, so it is previewed on --scene-bg.
GO!
+1
Image assets
--root-img
--curl-img