Spacing
We introduce a new spacing rule. Spacing is about creating empty space between elements in a design. Wisely used space helps designers draw focus to elements that complement a site’s overall intent. Spacing also improves accessibility and navigation since users experience fewer distractions and fonts are easier to read. Elements with top priority, like CTAs, deserve more attention, so give them extra space to lessen distractions and increase the chance visitors notice them.
4px
8px
12px
16px
20px
24px
28px
32px
36px
40px
44px
48px
52px
56px
60px
64px