Skip to content

Foundations

Spacing & layout

Section utilities + content container

The two layout primitives every page sits on: .u-section-base for vertical rhythm, --content-max for horizontal cap.

  • .u-section-base: 96px / 120px (md+) top + bottom padding.
  • --content-max: 1280px, centred via mx-auto.
  • Adjacent matching surfaces collapse padding (avoids doubled rhythm).
Typography · Usage