Everything here was built, not embedded.
The lens behind this page is rendering live in your browser right now. Move your cursor and it will look at you.
The aperture
A lens assembly rendered in real time with WebGL. The glass genuinely refracts the measurement field behind it, and the colour fringe at its edge is chromatic aberration, calculated rather than painted on. It tilts toward your cursor and its blades close as you read down a page.
Type that resolves
The display face carries a width axis, so each letter widens and thickens as the pointer approaches and settles back as it leaves. The headline comes into focus where you are looking.
The scan
On the homepage, the list of nine ways a site loses customers is fully legible from the start, then sharpens under a lens you move across it. The interaction is the argument the section is making.
Travel between pages
Pages are treated as places in one instrument rather than separate documents. The wordmark holds its position through a route change while the rest of the view wipes and lifts.
What it costs you
None of it blocks reading. The canvas loads after the first paint behind a composed still, the type is legible before any script runs, and every effect has a static, fully readable alternative for reduced motion and for touch.
Not every project needs a WebGL lens. Most need a fast, clear site that explains the business and makes it easy to get in touch. This is what the ceiling looks like.
See the workSee what your business could become online.
Tell us about your current website and we will show you a stronger direction. No cost, no obligation.