← Portfolio·Brand
Design system
Site grid system
Case study preview
Breakpoints, type scale, and component spacing for a calm, editorial feel.
Intent
The site should read like an editorial surface: calm rhythm, predictable spacing, and type that scales predictably from phone to desktop.
System
A small set of breakpoints and spacing tokens drive layout; components consume tokens instead of one-off pixels.
The type scale ties heading levels to body copy so long posts stay readable without custom CSS per page.