Space & elevation
Rhythm and depth
A 4px spacing base, a small radius set, and a restrained shadow scale — sophisticated
restraint over drama. Shadows and radii below are applied through their
--od-* variables.
Spacing scale
Steps in 4px increments; the keys are the step index.
space.0 0px
space.1 4px
space.2 8px
space.3 12px
space.4 16px
space.5 20px
space.6 24px
space.8 32px
space.10 40px
space.12 48px
space.16 64px
space.20 80px
space.24 96px
space.32 128px
Radius
radius.sm · 4px
radius.base · 8px
radius.md · 12px
radius.lg · 16px
radius.control · 10px
radius.tag · 6px
radius.full · 9999px
Shadow
Tinted with stone and, for the forest accent, deep emerald.
shadow.sm
shadow.md
shadow.lg
shadow.forest