Vorlich · Design tokens
Locked system — Brand Master v1.1. If a value on a page differs from a value here, the page is wrong.
Colour — ground & signal
Two grey tracks: brand values (#3F3F3F / #6E6E6E) survive for decorative use; functional greys are lifted to hold WCAG AA on #0A0A0A. Never set brand greys as running text on black.
Typography — Inter var, self-hosted
Hero · --fs-heroStop.
H2 · --fs-h2Open water
H3 · --fs-h3Spec block
Vertical word · --trk-wordCAIRN · SUMMIT
Eyebrow · --trk-eyebrowOpen water · Triathlon · Safety visibility
Stamp · --trk-stampBen Vorlich · 56°20′N 4°13′W
Body 300Gear built for athletes who train in the cold, the dark and the wet. Engineered in Scotland to outlast the season.
Spacing scale
s1·8
s2·16
s3·24
s4·40
s5·64
s6·96
s7·140
Motion — controlled, no bounce
Reveal on scroll · .8s ease
Hover · .2s
One easing (cubic-bezier .22 .61 .36 1), three durations (.2s / .5s / .8s). Reveal = 18px rise + fade, nothing else moves. prefers-reduced-motion disables all of it — the page is fully usable static.
Buttons & affordances
Orange CTAs always carry a non-colour affordance: border or fill + arrow glyph + tracked caps. Focus ring is 2px orange, offset 3px.
Contour whisper — hard ceiling 6%
Orange at 5% stroke-opacity. If it cannot render cleanly, omit it — never raise the opacity.
Archetype A — LOGO header
Face A · logo lockup + product name + category line
CAIRN
Open water · Triathlon · Safety visibility
Archetype B — TYPE band
Face B · vertical tracked hero word
Cairn
Archetype C — INFO block
Face C · metafield-driven spec table, minimal
| Capacity | 15L dry bag |
|---|---|
| Chambers | Dual — air chamber + waterproof dry storage |
| Visibility | Hi-vis + reflective |
| Certification | CE / UKCA |
Archetype D — MARK interstitial
Face D · icon alone + coordinate stamp
Ben Vorlich · 56°20′N 4°13′W
Locked phrases
| Master tagline | WHEN OTHERS STOP. |
|---|---|
| Welcome line | WELCOME / TO VORLICH |
| Sign-off | VORLICH · ENGINEERED IN SCOTLAND |
| Coordinate stamp | BEN VORLICH · 56°20′N 4°13′W |
| Contact | service@vorlich.com |