The modular-grid design language
Direction · Reimagine
Status · Under Review
The viewport is a field of framed modules. It cleaves along its hairline seams and re-tiles to signal — objective order, one urgent cell, warm paper authority.
Open the grid01 · Partition
The page is a grid of framed modules. Hairline seams draw the partitions; a 2px top rule opens each frame. Structure is the constant; arrangement is the variable.
02 · Recompose
A partition extrudes from its frame, settles, and re-tiles into a new position. The whole page recomposes without redrawing its structure — every module maps to a role, so a palette swap re-tiles the grid untouched.
03 · Pressure
Move across the grid — the field presses toward the pointer, denting where attention rests. The seam is alive: it drifts, subdivides, and holds one signal in reserve.
Move your cursor across the window — press to ignite the signal
04 · Throughput
05 · Signal
When it matters, the whole field re-tiles to a single vermilion frame. One signal — the only colour that ever fills — and every module aligns to it.
06 · Colophon
Quadro keeps the Swiss soul — objective clarity, hairline discipline, one urgent signal — and rebuilds that order as a viewport that cleaves and recomposes.