Velocity drives the belt. Scroll up and it runs backwards.
Most sites stop here.
Ours keeps going.
02Editorial dark / move the light
03Soft 3D / real perspective
01
Cards with depth, not shadows pretending.
02
Each one sits further back in space.
03
Scrolling pulls them through you.
04
CSS perspective. No canvas, no library.
A stack you move through.
04WebGL / live shader
Every pixel is calculated, sixty times a second.
Raw GLSL / no three.js / reacts to the cursor
05Blueprint / sideways
01
The page turns on its side while you keep scrolling down.
02
Scroll distance maps to horizontal travel. One number.
03
Any card can invert. It is a class, not a rebuild.
04
Add a sixth card and nothing here needs changing.
05
Grid drawn in CSS. No image, nothing to load.
06Technical / scroll to draw
000%
07Colour block / hover, then click
It reacts before you click. And after.
DiagnoseSelected
SpecifySelected
BuildSelected
VerifySelected
Hover to lean. Click to select. 0 of 4 chosen.
08Editorial / the point
Eight looks. One set of controls.
Every slider in that panel is a content field in a real build. Your team changes the motion in the editor, and nobody opens the code to swap a headline.
Fieldwork / Diagnosis before execution
Motion parametersOPEN ▲
This panel is the point. Eight different aesthetics, one control set. In a real build these are module fields in your CMS.