IconLogoMark
IconUiExpandCollapseDown

Release NotesIconUiExpandCollapseDown

ComponentsIconUiExpandCollapseDown

GuidelinesIconUiExpandCollapseDown

PatternsIconUiExpandCollapseDown

WordsIconUiExpandCollapseDown

ResourcesIconUiExpandCollapseDown

Code HelpersIconUiExpandCollapseDown
Design AssetsIconUiExpandCollapseDown

Space

These ensure we apply consistent margins and padding throughout the product.

Web
React Native
Android
Apple
NameValueVariable
Eighth2pxvar(--space-eighth)
Quarter4pxvar(--space-quarter)
Half8pxvar(--space-half)
Three Quarter12pxvar(--space-three-quarter)
One16pxvar(--space-one)
One and Quarter20pxvar(--space-one-and-quarter)
One and Half24pxvar(--space-one-and-half)
One and Three Quarter28pxvar(--space-one-and-three-quarter)
Two32pxvar(--space-two)
Three48pxvar(--space-three)
Four64pxvar(--space-four)