Design tokens · Spacing & elevation
Rhythm on a 4 px grid.
Nine-step spacing scale, five-step radius scale, three-step elevation. Generous breathing room over density — these surfaces carry lots of imagery and long-form Danish copy.
Spacing scale
--itkaarhus-space-1
4 px
Icon gap, tight stack
--itkaarhus-space-2
8 px
Inline chip padding
--itkaarhus-space-3
12 px
Form row gap
--itkaarhus-space-4
16 px
Default card padding
--itkaarhus-space-5
24 px
Content block gap
--itkaarhus-space-6
32 px
Card interior, nav height
--itkaarhus-space-7
48 px
Section gutter (mobile)
--itkaarhus-space-8
64 px
Section gutter (desktop)
--itkaarhus-space-9
96 px
Hero / page margins
Radii
radius-0
0
radius-1
2
radius-2
6
radius-3
10
radius-4
16
pill
999
Elevation
Shadow 1
--itkaarhus-shadow-1 · inline cards, inputs
Shadow 2
--itkaarhus-shadow-2 · hovered cards, menus
Shadow 3
--itkaarhus-shadow-3 · modals, focused overlays
12-column grid
1
2
3
4
5
6
7
8
9
10
11
12
Container max 1200 px · 24 px gutter · 16 px column gap. Collapses to 6 columns < 960 px, 4 columns < 640 px.