Foundations
Spacing & layout
Responsive breakpoints + what they unlock
The five breakpoints the system reaches for, in Tailwind units, with the layout shift each one triggers.
sm: 640pxmd: 768px (section padding lifts to 120px)lg: 1024px (hero heading hits its two-line target)xl: 1280px (content cap)2xl: 1536px (gutters widen, content stays capped)