Continuum / Conventions
What this site is showing.
Continuum is a working reference for spatial-web design. The conventions below ship inline in the codebase; this page is the plain-language version. A productized toolkit is out of scope.
- 01
Forward-motion scroll
Scroll input — wheel, trackpad, touch, arrow keys — maps to forward progress on a single z-axis timeline. Lenis normalizes input across devices; GSAP ScrollTrigger drives the timeline. The timeline is the source of truth, scroll is one of several possible drivers.
- 02
Depth parallax
Every static section carries at least two parallax layers plus atmospheric haze. Each layer declares its own depth value (0 = far horizon, 1 = foreground); the engine maps depth to z separation under scroll and to lateral offset under pointer movement.
- 03
Cloud wipe
A foreground fog plane sweeps across the viewport while one scene approaches from depth and the next establishes. The cut between worlds is hidden inside the wipe. One named transition; the production set extends to tilt, curtain, particle dissolve, and occlusion.
- 04
Floating text block
Copy holds in space against a moving background. The block is a foreground depth layer, separated from scenery by atmospheric haze and by parallax differential.
- 05
Ambient orientation
A persistent low-key indicator anchors the user in the journey. Progress dot stack with chapter names. Always visible, never demanding.
- 06
Reduced motion
Under prefers-reduced-motion, scroll-driven animation is disabled and scenes cross-fade as static composed plates. The information architecture is unchanged.