Made in code

One shape, ten components.

Every rectangle on this site, drawn as a single element that travels between them. Move across the stage to scrub — the cursor is the playhead. Nothing here is a mockup: each width, height, corner radius and fill was measured off the live pages.

Move to scrub

.nav-cta w 122 h 44 radius 999 site header

Measured from the built site with a headless browser, so the numbers are the ones the browser computes rather than the ones in the stylesheet. Three visual systems share one sheet — the Norstride palette, .tp for TwinPost Cam and .fk for Framekeep — which is why the corner radius jumps from 999 to 12 to 32 as you cross between them.