Gallery
Base Design System
Share
Explore
Pages
Design tokens

Layout

Spacing

We use these tokens to implement fluid spacing* values on components and layouts.
Name
@360px
@768px
@1440px
space-100
4px
5px
6px
space-200
8px
10px
12px
space-300
12px
14px
18px
space-400
16px
19px
23px
space-500
24px
29px
35px
space-600
32px
38px
47px
space-700
48px
57px
70px
space-800
64px
76px
93px
space-900
96px
114px
140px
space-1000
144px
169px
210px
There are no rows in this table
⁠
* Within Figma, designers use fixed canvas sizes (360px, 768px and 1440px), so the values of the tokens below are “snapshots” of what that token would be on it’s fluid scale at that particular screen size on the web.
Gallery
Share
 
Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.