round metal

A one-page website for a fictional jeweller's single ring, "Golden Wings" by Round Metal, told as one cinematic film on one fixed stage and scrubbed by the scroll. While the assets load, the ring is drawn in thin pencil lines over a night-blue screen; then the real ring, a 3D model with physically based gold and a ray-traced diamond, materialises under the lines and the night lifts into a liquid blue-and-coral light, with "Golden wings" spelled out in giant light type and the mouse gently steering the ring. Scrolling turns the ring's hole to the camera and flies straight through it, the lens widening as the gold fills the screen; behind it the world turns white and an editorial gallery lands at different depths, with captions and "Pure Gold" spelled out letter by letter. The macro photograph then opens to the full screen and becomes the live 3D ring, pixel-matched, which rolls upright to face you; the metal falls away, the diamond stays in the air and glides into a tall light panel, and "Pure Gem" rises in front of it. Scrolling back plays it all in reverse, a demo mode plays the 15-second film by itself, and a QA mode jumps to any moment. Includes a header with a full-screen mobile menu, a custom cursor, a phone layout, reduced motion and a still fallback without WebGL. Ring model: '528 - Ring Wings' by Lizardsking (Sketchfab), CC BY 4.0, modified.