Experimental
Design system
The kit the app is built on.
Typography
Inter, one system ramp. tabular-nums for figures.
12Interior design, groundedCaption, dense labels
14Interior design, groundedBody, controls
16Interior design, groundedEmphasis
18Interior design, groundedSection title
20Interior design, groundedPage title
24Interior design, groundedHero
Spacing
A 4px scale. Controls stand 28px tall.
2
4
6
8
12
16
24
32
Radius
sm
md
lg
xl
2xl
Icons
Lucide only, monochrome, never re-weighted.
12
14
16
20
Colour
A monochrome neutral scale, no palette on real surfaces.
backgroundoklch(1 0 0)
cardoklch(1 0 0)
surfaceoklch(0.994 0 0)
mutedoklch(0.97 0 0)
accentoklch(0.922 0 0)
borderoklch(0.922 0 0)
primaryoklch(0.205 0 0)
foregroundoklch(0.145 0 0)
destructivered-600
Surfaces
How the levels stack: page, card, muted, accent.
Page
Card
muted
accent