Layout & Navigation
Spacing alpha

Space Units

  • Spacing is calculated in 8s, and is normalized to su’s or "space units"
  • Therefore 1su = 8px, 2su = 16px, etc.
  • Space Units can only be divided by 2

Spacing between Elements

  • 1.5su between section headers (Header and Subheader) and section body text
  • 2su between page header (including Tabs) and page content
  • 3su under content blocks
  • 2.5su above & below buttons
  • 1.5su between buttons

Changelog

  • December 9, 2016 - Promoted to Alpha and updating spacing between elements guidelines