A NSW Government website

Command Palette

Search for a command to run...

Spacing

The NSW Design System uses an 8-point spacing scale to maintain consistent spacing and visual balance throughout the interface. This modular system applies increments of 8 pixels (e.g. 8, 16, 24, 32) to margins, padding and layout elements.

Spacing Scale

Our spacing system is built on a base unit of 4px. All spacing values are set as multiples of this base, allowing for predictable, scalable and consistent layouts. This system supports visual rhythm across components and ensures alignment with the 8-point grid, particularly in email templates and responsive layouts.

0
0px
1
4px
2
8px
3
12px
4
16px
5
20px
6
24px
7
28px
8
32px
9
40px
10
48px
11
56px
12
64px
13
72px
14
80px
15
88px
16
96px
17
104px
18
112px
19
120px
20
128px
21
136px
22
144px
23
152px
24
160px
25
168px
26
176px
27
184px
28
192px
29
200px
30
208px
31
216px
32
224px
33
232px
34
240px
35
248px
36
256px
37
264px
38
272px
39
280px
40
288px
41
296px
42
304px
43
312px
44
320px
Next
Layout