Performance fabric that reads as everyday clothing — the range built around one lightweight knit.
The single colour band on the whole site — a pale sky blue carrying two full-bleed editorial sections.
Second of each pair shows hover. Contained inverts (#ffffff → #333333) rather than tinting; outlined tints to rgba(51,51,51,.04) and darkens its border from #c6c6c6 to #333333. The focused example is the recommended ring — the real site sets outline: 0 on one styled element and otherwise falls back to the browser default.
Inputs are underline only — transparent, radius 0, no side or top borders. The mechanic is two pseudo-elements: a ::before at 1px rgba(0,0,0,.42) that thickens to 2px rgba(0,0,0,.87) on hover, and a ::after 2px #006dff rule held at transform: scaleX(0) that grows to scaleX(1) over 200ms cubic-bezier(0,0,.2,1) when focused. That blue is the only saturated colour on the page. Buttons override MUI’s default uppercase to text-transform: none.
Two portable rules. Graded negative tracking: every size is tighter than normal and it scales with size — -1% at 10–15px, -2% at 18px, -3% at 21–40px, -5% at 50px. And an inverted line-height convention: small text is airy at 1.71 while display compresses to 1.20, the opposite of the usual approach. Weight 300 is the default UI weight, which is what lets the chrome recede behind the photography. Substituted here: Inter for aktiv-grotesk.
Nothing here is warm. #e0f0ff is the only colour band on the site and #006dff the only saturated value, appearing solely on the input focus rule. #27455c is a product colourway swatch, not chrome. Excluded as third-party: the OneTrust cookie-banner greens #346e4a / #468254 and #f9fffa, plus Klarna, Swiper and accessibility-widget chrome. Note that rgba(0,0,0,.87) and rgba(0,0,0,.54) are inherited MUI defaults rather than authored brand values.
Six shadow recipes exist and none is on a primary control — borders carry all the structure instead. Motion is entirely MUI’s own timing with nothing authored: the only two @keyframes on the page are mui-auto-fill and mui-auto-fill-cancel, internal autofill detection rather than animation. Easings are the standard cubic-bezier(.4,0,.2,1) and decelerate cubic-bezier(0,0,.2,1) at 0.15–0.3s. No JS motion library, and zero CSS gradients, zero backdrop-filter, zero grain, zero canvas or WebGL — two autoplaying hero videos and photography do all the work, with 0 reduced-motion blocks to guard them.