Case study · our own site

How we built
the site you're on.

We sell websites, so this one is the demo. Here's exactly how it was made — the decisions, the design system, and the standards every client build gets held to.

The design system

One warm paper background (#f6f5f1), near-black ink, a single graphite accent, and two typefaces — Gambetta for headlines, Switzer for everything else. Restraint reads as expensive; that's the point.

The 3D hero

The scene-by-scene hero uses the browser's native scroll-snap — not a heavy animation library — so one scroll shows one scene, it works on touch, and it switches off automatically for visitors who prefer reduced motion.

Performance choices

  • Static files — no database, nothing to hack, nothing to slow down
  • Images compressed and lazy-loaded below the fold
  • Fonts load with swap so text never flashes invisible
  • Every page carries unique titles, descriptions and structured data

Measured, not claimed

Google Lighthouse scores for this site, measured on our development build (19 Aug 2026):

100Accessibility
100Best practices
100SEO
84+Performance*

*Measured locally without production caching — run it yourself in Chrome DevTools once we're live.

The honesty rules

No fake testimonials, no invented numbers, concepts always labelled as concepts. It's on this page because it's a build standard, the same as the code.

Every client site gets this same treatment — the same system, tuned to your trade and your customers.

Want yours built like this?

Same craft. Your business.

Call us Start a project