Our spacing system is built of multiples of 8px ( 16px, 24px, 32px, 40px...)

  • Use multiples of 8px when defining measurements, spacing, and positioning elements.
  • When necessary use 4px to make more fine tuned adjustments.
  • Whenever possible, make sure that objects line up, both vertically and horizontally.

*Our typography is based on line heights and spacing is measured from the edge of the text box