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 — ITK surfaces lots of imagery and long-form Danish copy.

Spacing scale

--itk-space-1
4 px
Icon gap, tight stack
--itk-space-2
8 px
Inline chip padding
--itk-space-3
12 px
Form row gap
--itk-space-4
16 px
Default card padding
--itk-space-5
24 px
Content block gap
--itk-space-6
32 px
Card interior, nav height
--itk-space-7
48 px
Section gutter (mobile)
--itk-space-8
64 px
Section gutter (desktop)
--itk-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

--itk-shadow-1 · inline cards, inputs

Shadow 2

--itk-shadow-2 · hovered cards, menus

Shadow 3

--itk-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.