Websites

A website engineered like infrastructure.

Fast on any phone, found by search and AI, secure by default, usable by everyone. Keep scrolling: this one shows what’s underneath.

Line · SVG pathOne element, drawn by your scroll. Scroll back up and it undraws. With scripts off it isn’t here, and the page is still complete.

Every site starts as a drawing.

Grid · WebGL shaderOne small program on the graphics chip. It starts after the words have loaded and stops when it scrolls away. Search engines measure the words, so the show costs the ranking nothing. Move your pointer over it.

Then words.

The words always load first.

Type · the words load firstText is the largest thing on the first screen, set in our own self-hosted font with a matched fallback, so nothing jumps when it arrives. Scroll fast and the line stretches.

05The edge networkCloudflare, in front of everything

04EncryptionTLS 1.3 only

03Server and headersStrict security headers on every response

02Styles and scriptsSelf-hosted, hashed, nothing from outside

01Words and markupReadable with everything else switched off

Under the page, five layers nobody sees.

Depth · CSS 3D, no libraryFive real layers under this page: the markup, the styles and scripts, the server and its security headers, TLS 1.3, and Cloudflare’s edge network. Each is tested in public on /this-site/.

Glass · backdrop-filterGlass only reads as glass when something moves behind it, so it is never put on a flat background. A browser that can’t blur gets a solid panel.

Your website is the one part of your operation every customer touches. Before any of them arrive, it is read by search engines and AI assistants, which decide whether you are found at all. They read the words, not the effects. So the words are written first, structured properly and served fast.

The first visitors aren’t people.

Readers · the crawlers we inviteEach line is one of the 18 crawlers our robots.txt names and allows: search engines and AI assistants. They read the words, not the effects, which is why the words come first.

We could use every colour.

We use one.

Colour · one accentCSS transforms only, no images. With one accent, orange always means one thing: look here. Your scroll drives it, so nothing flashes on its own.

This is what’s under every site we build.

Most never show it. This one does.

Talk to an engineer

Fallback · the endingWith scripts off, or with Still on, every movement becomes a still plate and the page is complete. The fallback is part of the product.

Parts list

SVG paths drawn by scroll position
A WebGL fragment shader that answers the pointer
Type set letter by letter, stretched by scroll speed
CSS 3D transforms and perspective, no library
Glass made with backdrop-filter, over something that moves
The 18 crawlers robots.txt names, drawn as they read
Custom properties as the only animation clock
Pinned scroll scenes, never scroll-jacked
Live readings from your own browser in the title block
Still mode, reduced motion and a complete page with scripts off
showroom.js 3.3 KB and showroom.css 3.8 KB, compressed, measured at build

What we build

Every site we build is engineered like this.

Most never show it. All of them carry it.

Your website is the one part of your operation every customer touches, so we build it the way we build systems that aren’t allowed to fail. It loads fast on any phone, says exactly what you sell, makes the next step obvious and is readable by search engines and AI assistants. It is secure by default, usable by everyone, and measured against the same public tests this site passes.

Your own staff can change a phone number, a price or a set of hours without ringing anybody. And when the money belongs in your listings instead of the site, we say that too.

For brands where the website is the experience, such as venues, hospitality, launches, design-led products and recruiting, we build pieces like the one above, held to exactly the same tests.

Fast on any phone, measured in public
Structured for search engines and AI assistants
Strict security headers and TLS 1.3
Accessible to WCAG 2.2 AA
Analytics without cookies
Forms that reach a person
Everyday edits your staff can make

Ask for the free analysis How this site measures

Questions

Questions people ask.

Do you build websites like this one for clients?

Yes, for brands where the website is the experience: venues, hospitality, launches, design-led products and recruiting. What sits underneath it comes with every site we build, whether or not the site shows it.

What does every site get?

Speed on any phone, structure that search engines and AI assistants can read, strict security headers and encryption, accessibility to WCAG 2.2 AA, privacy-friendly analytics without cookies, forms that work, and the everyday details your own staff can change.

How is a website priced?

Quoted per project, usually after the free web presence analysis, and fixed in writing before any work starts. Every rate, every term.

Will effects like these slow the site down or hurt search?

Not the way we build them. The words load first and are what search engines measure; the effects start afterwards, are self-hosted, and pause when they scroll away. This page is held to the same public tests as the rest of the site.