[ The idea ]
Open with something utterly useless. In complete earnest.
Studios like to show what they can do. VYRNOX opens with a rubber stamp in walnut and brass, staged like a luxury product: materials test, technical drawing, model selection.
Then the punchline. The stamp doesn't exist. The site tells you how long you've just spent watching it, and asks what we might do for your product.
Ten chapters of scroll story, then the real part: services, method, application.
Test strip: four build stages of the same view
Test strip · one view, four exposures · hover a stripgenerated from the live site
[ The build ]
Real-time 3D that looks like a render.
The stamp is modelled in Blender and runs live in 3D in the browser. It sits on a rendered background. The browser camera takes its position and focal length from Blender, so the two line up to the pixel.
Weaker devices get a lighter version. Anyone who has asked for less motion gets a calm one.
- Stack
- Next.js, React, three.js, R3F, GSAP
- 3D pipeline
- Blender → GLB, camera taken from Blender
- Performance tiers
- Full 3D, light 3D, static
- Languages
- German, English
- Privacy
- No cookies, self-hosted fonts
- Accessibility
- Reduced motion, keyboard, screen readers
[ Mobile ]
The same story, in portrait.
Its own camera and render for portrait screens, lighter 3D models, the same dramaturgy.
[ The punchline ]
After that it gets serious. And bright.
After the punchline the site turns light, the type turns matter-of-fact, and it's about what VYRNOX actually does.
