Colophon · this site, engineered in-house
Our site is the spec sheet.
We tell clients their website should be fast, findable, accessible, and built to last. This page holds us to the same standard. Everything below is true of the page you’re reading right now, and it’s the same engineering we put into client work.
Measured, not claimed
This page, right now.
● System diagnostics · live
Measured in your browser
- Largest Contentful Paint
- target < 2.50 s
- Cumulative Layout Shift
- target < 0.100
- Time to First Byte
- target < 800 ms
- JavaScript transferred
- compressed, this page
—
—
—
—
These are the browser’s own numbers for the page you’re reading, not a synthetic score. It's the same Core Web Vitals Google ranks on. Nothing is sent anywhere.
Rendering
Static first, motion second.
Every page on this site is prerendered to plain HTML with Next.js and served from Vercel's edge network. No server round-trips for content. No client-side rendering for what you read. A thin server layer handles the two jobs that genuinely need one: contact-form delivery through Resend, and the AI triage that reads each enquiry before it reaches us. The motion layer (the particle field, scroll choreography, page transitions) hydrates on top and switches itself off entirely for visitors who prefer reduced motion. Search engines and screen readers get the full content either way.
Graphics
The particle field is ours.
The hero terrain is a custom GLSL shader running in React Three Fiber: around fourteen thousand points displaced by simplex noise, with the cursor acting as a lens. It loads only after the page is interactive and pauses when scrolled out of view. Visitors who prefer reduced motion skip it entirely; no WebGL context is even created. The scroll system is GSAP ScrollTrigger synchronised with Lenis. And when the websites page needed a second WebGL moment, the page-weight budget below ruled out shipping a 3D library twice. So the liquid-ink field there is hand-rolled WebGL2: two shader passes, about two kilobytes. Constraints are good for art.
Accessibility
Impressive shouldn't exclude.
Colour contrast meets WCAG AA on every text/background pair. All motion respects prefers-reduced-motion, including the smooth scrolling, the custom cursor, and the pinned sections, which fall back to a plain stacked layout. Headings stay readable to screen readers through the line-splitting animations, forms are fully labelled, and everything works by keyboard.
Security & SEO
The boring parts, done properly.
Strict security headers (CSP, HSTS, frame denial) ship with every response. Structured data for the organisation, services, breadcrumbs, and FAQs is embedded across the site, alongside per-page metadata, a sitemap, and canonical URLs. No third-party trackers. No cookie banner needed. Nothing loads from anyone else's servers.