VERSEVA Design.examples3D hero · Three.jsCode
SIGNAL FOUNDRY · WEBGL ON THE SIGNATURE

Depth is a material too.

The scene reads every color from the tokens at runtime: ground, glass, and one energetic red rim. Drag to orbit; the signature holds in 3D.

How it's built
drag to orbit · scroll for the doctrine

How the scene stays on-signature

Tokens at runtime

Materials read --bg, --surface-2 and --accent with getComputedStyle. No hex ever enters the scene file.

One accent in 3D

The red budget is one rim light and the particle edge. The mesh itself stays matte dark glass.

Reduced motion honored

With reduced motion set, the idle rotation stops and the scene becomes a still composition. Orbit stays manual.