Design study — built end to end, no templates
Eighteen sites. Eighteen worlds. One studio.
Every one of these has its own typographic system, its own palette, and its own reason to exist. Nothing is shared between them except the standard they were held to.
The work
Pick a world
Hover a card to wake it up. Each one opens in full.
How they were made
Built, reviewed, and rebuilt.
Each site was driven in a real browser after every change — scrolled top to bottom at desktop and mobile, screenshotted at checkpoints, and audited for console errors, horizontal overflow, invisible text, frame rate and tap-target size. Findings went straight back into the design.
That loop caught a masked heading that never revealed, a WebGL buffer sized to the whole document rather than the viewport, a wheel built on the wrong axis, and a class name that collided with a section selector and dropped a 4,560-pixel black slab over an entire scene.
- Stack
- Zero-build static
- Runtime
- three.js · GSAP · Lenis
- Imagery
- Generated, not stocked
- Deploys as
- Plain static files