Core · 05

Layout

Responsive structural primitives that compose pages without imposing a project theme.

Page framing

Establishes page-level width and structure.

Constrains readable content width and centers it.

Creates consistent vertical separation between page regions.

Keeps a supporting region visible while scrolling.

Arranges children vertically with consistent spacing.

Wraps inline items naturally with consistent gaps.

Lays repeated content out in responsive columns.

Divides a region into two purposeful areas.

Pairs primary content with a supporting side region.

Creates varied editorial card spans in a grid.