A 4px baseline grid is used to define the size of elements and create margins and padding.
Spacing tokens
Semantic / Space
0px
0px
0
1px
1px
25
2px
2px
50
4px
4px
100
6px
6px
150
8px
8px
200
10px
10px
250
12px
12px
300
14px
14px
350
16px
16px
400
18px
18px
450
20px
20px
500
22px
22px
550
24px
24px
600
28px
28px
700
32px
32px
800
36px
36px
900
40px
40px
1000
44px
44px
1100
48px
48px
1200
52px
52px
1300
56px
56px
1400
60px
60px
1500
64px
64px
1600
72px
72px
1800
80px
80px
2000
96px
96px
2400
120px
120px
3000
140px
140px
3500