Design System

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