sunweb

Spaces

foundations spaces

Definition


The spacing is used to consistently apply margin and padding across components and UIs.
Having a set spacing scale brings a rhythm to the product and creates a natural and familiar flow from page to page.


space--none 0

space--tiny 6px

space--small 12px

space--medium 24px

space--large 48px

space--huge 96px