lurch.dev

+12, -4

A page layout caught mid-stumble. Every element settled slightly off from where it was supposed to land.

-8, +6

The Stumble

A lurch is not a fall. It is the moment between balance and imbalance -- weight committed to one direction, the body compensating, not yet recovered. This page lives in that moment. Every element is displaced from its grid position by a specific, intentional amount.

+16, +8
displacement: controlled entropy: zero stability: pending -6, -12

The Offset

Each content block carries its own displacement vector: a specific (x, y) pixel offset applied via CSS transform. These offsets follow a system: primary blocks shift right and down, secondary blocks shift left and up. The tension between them creates the visual stumble.

+4, -10

The lurch happens once.

It does not repeat.

It does not animate.

+20, +3

In animation, a lurch would be a single frame. Not the beginning of movement and not the end -- the frame in between, the one you'd normally skip past. This page IS that frame.

-14, +10

The Recovery

In gait analysis, a lurch precedes either a fall or a recovery. This page has chosen recovery -- nothing has broken, nothing has collapsed. The grid is intact. The content is readable. But the visual evidence of the stumble remains, frozen in the layout like a footprint in wet concrete.

+10, -6
blocks: 12 displaced: 12 fallen: 0 -4, +14