Space

Design tokens

Space tokens for setting margin, padding, or gap.

In code, space is documented in relative units (rem) off of our root font size. For in-content features, that size is 15px, for the chrome, that size varies depending on operating system.

Learn more about relative units

Learn more about in-content vs chrome

Learn more about OS specific typography sizing

In-content

2px
2px
xxsmall
4px
4px
xsmall
8px
8px
small
12px
12px
medium
16px
16px
large
24px
24px
xlarge
32px
32px
xxlarge

The chrome

Varies depending on the operating system font size.

MacOS

2px
2px
xxsmall
3px
3px
xsmall
7px
7px
small
10px
10px
medium
14px
14px
large
21px
21px
xlarge
28px
28px
xxlarge

Windows

2px
2px
xxsmall
3px
3px
xsmall
6px
6px
small
10px
10px
medium
13px
13px
large
19px
19px
xlarge
26px
26px
xxlarge

Linux (Ubuntu and KDE)

2px
2px
2px
2px
xxsmall
4px
4px
4px
4px
xsmall
8px
8px
7px
7px
small
12px
12px
11px
11px
medium
16px
16px
14px
14px
large
23px
23px
21px
21px
xlarge
31px
31px
28px
28px
xxlarge