Our spacing tokens make it easy to add padding, margins, and position coordinates.
We operate on an 8px grid with two half sizes. For larger space sizes, multiply Space 600 (40px) by any whole number between 2 and 40. (ex. 40px x 2 = 80px, 40px x 3 = 120px)
- Spacing can be applied uniformly or individually to the sides of an element.
- Spacing is flexible based on viewport size. It can scale up or down proportional to the root font size.