Space
The space scale is built in increments from small to large and is used to define the horizontal and vertical space around elements in the system.
space/0
0px
Sample
space/px
1px
Sample
space/0-5
2px
Sample
space/1
4px
Sample
space/1-5
6px
Sample
space/2
8px
Sample
space/2-5
10px
Sample
space/3
12px
Sample
space/3-5
14px
Sample
space/4
16px
Sample
space/5
20px
Sample
space/6
24px
Sample
space/7
28px
Sample
space/8
32px
Sample
space/9
36px
Sample
space/10
40px
Sample
space/11
44px
Sample
space/12
48px
Sample
space/14
56px
Sample
space/16
64px
Sample
space/20
80px
Sample
space/24
96px
Sample
space/28
112px
Sample
space/32
128px
Sample
space/36
144px
Sample
space/40
160px
Sample
space/44
176px
Sample
space/48
192px
Sample
space/52
208px
Sample
space/56
224px
Sample
space/60
240px
Sample
space/64
256px
Sample
space/72
288px
Sample
space/80
320px
Sample
space/96
384px
Sample