Internal · not shipped

Orb lab

Two code-rendered versions of the brand mark, same geometry, different tech. Drag either orb to spin it. Release for inertia, then it idles. Hover speeds it up. The accent node rolls home on the intro. Tune the controls to match the original PNG, then we pick a renderer.

Canvas 2D 0 new deps · full line-weight control · – fps
Three.js (WebGL) +~140kb on this route only · 1px lines · – fps

Size ladder · Canvas

The chosen renderer at fixed sizes, current settings. Line weight is constant across sizes: the same hairline whether large or small. (Drag any one to spin them all independently.)

256px
144px
88px · target
56px
32px

With prefers-reduced-motion the orbs render static with the node parked home and no auto-spin or intro (drag still works). Three.js is lazy on this route, so the rest of the site is unaffected.