Live site, 2026, Design, 3D, build

This site

One ribbon, one canvas, and every number it runs on published.

A macro render of the ribbon’s edge: a curled band of graphite metal with a thin line of light along its bevel, the rest in soft focus. — Fig. 01
The full render, 2700 px wide. Drag or scroll to move around.
The edge carries the light. The ribbon’s section is a shallow cup with rounded edges, so a rim light draws it as a line even where its face turns away.

The one idea

A studio that sells custom work should not open on a template. The whole site is one object: a graphite ribbon in a single WebGL canvas that follows the reading from the first screen to the form, takes a new shape for every section and steps out of the way of every line of text. It had to keep the rule we give every client: if it slows a phone down, it goes.

Numbers

Largest contentful paint, phone lab: 976 ms
Interaction to next paint: 88 ms
Cumulative layout shift: 0.041

Measured by this site’s own release gate, build sbp-b10, Sep 24, 2026, on a 390px phone profile with 4x CPU throttling and Fast 3G.

This page, as your browser loaded it

Document
Scripts
Styles
Fonts
Pictures
Data

Read from your browser's own resource timing a moment after the page loaded, and again as the pictures further down arrive. Nothing is sent anywhere.

The approach section of this site: four stages listed with their weeks, and the ribbon running down the empty first column beside them as the timeline. — Fig. 02
The full render, 2700 px wide. Drag or scroll to move around.
Every line of text is mapped into a mask whenever the layout changes. Where the ribbon passes under reading it sinks into the page’s own ground, so it can cross a section without crossing a word.

A studio render of the ribbon as a physical object: three bands of satin graphite metal sweeping from lower left to upper right across a black ground, lit from the top right. — Fig. 03
The full render, 2700 px wide. Drag or scroll to move around.
The object, rendered offline in Blender: satin graphite, a bone key light from the top right, a cool strip from the left. The page draws the same light rig in real time.