This website
The studio site you’re reading, held to the standard we sell
Illustrative interface
Context
A studio that claims to build excellent digital products has to show one. This site is the first thing most clients will judge us by.
Challenge
Make something memorable without heavy video, 3D or animation libraries that would punish visitors on slower connections and older devices.
Thinking
Performance is a design decision
We set a budget before we set a colour. No UI or animation libraries; one variable font; motion written in CSS and a few hundred lines of canvas.
Typography does the heavy lifting
One variable typeface, used at two widths, carries the whole identity. Wide for conviction, normal for reading.
Proof over claims
Where we talk about performance, the page measures itself on your device and shows you the result.
Solution
- A generative hero that shows ideas becoming design, technology and growth
- Mobile-first layouts recomposed for every breakpoint, from 320px up
- A structured inquiry flow that captures real project context
- Search-ready architecture: structured data, sitemap and service pages
Experience
Light and dark, both designed
Adire indigo at night, cool paper by day. Neither is an inversion of the other.
Motion that rewards attention
One orchestrated moment in the hero; everything else moves only when you do. Reduced-motion is fully respected.
Accessible by default
Semantic HTML, keyboard navigation, visible focus and sufficient contrast in both themes.
Technology
- Next.js
- React
- TypeScript
- CSS Modules
- Canvas 2D
- View Transitions API
Outcome
Every page shows its own weight and load time as measured in your browser. That readout is the most honest outcome metric we can offer for a website.