Spatial / 3D Web

Interfaces built around a real-time 3D scene: a WebGL product model or abstract environment on a dark stage, driven by a scroll-linked camera, with minimal overlaid type. Layout is cinematography — Apple product pages and Spline-built portfolios are the reference points.

Primary action

Card

Signature element

The scroll-scrubbed camera move: scrolling doesn't move the page, it flies the camera — the product rotates, explodes into components, or the environment travels past while short text beats fade in at choreographed stops.

Palette

bg
#0d0d12
surface
#17171e
text
#f5f5f7
text-muted
#86868b
accent
#2997ff
border
#2a2a33