Elastic Baseline Grid

Editorial baseline rows bend around the pointer while column guides, cadence marks and type measurements preserve the underlying layout logic.

• Hero backdrops
• Section transitions
• Ambient product moments

• Continuous baseline curves avoid broken joints at every bend
• Column and subdivision guides remain fixed for spatial reference
• Measurement labels expose the same cadence driving the grid
• A component-specific renderer and control contract—not a palette swap of another release
• Compact and full previews share one visibility-aware production renderer

Adaptive sampling, capped DPR and visibility-based suspension keep the renderer predictable. Test density on low-power mobile hardware before increasing it.

Pointer and touch coordinates are container-scoped; offscreen renderers stop work and pixel ratio is capped.

The visual canvas is decorative by default. Pair it with a semantic heading or description, and reduced motion holds a stable rendered frame.