Efniv0.1

Foundations

Spacing

Seven steps, geometric-ish (4/8/12/16/24/40/64). Prefer step 3 (12px) for internal control padding, step 5 (24px) between sections.

  • space-14px
  • space-28px
  • space-312px
  • space-416px
  • space-524px
  • space-640px
  • space-764px

Guidance

  • Internal control padding usually lives between space-2 and space-3.
  • Between UI regions, jump to space-5 or space-6.
  • space-7 is a page gutter, not something you nest inside a card.