Brand site
Vanta
A running brand’s manifesto, told in motion: an aerial track photograph under heavy type, then product stories as you scroll.
Overview
Vanta is a brand site for a running label, written as a manifesto. It opens on “Run beyond the line.” in heavy capitals over an aerial photograph of runners on a red track, and every scroll after that is a new chapter: a full-bleed photograph, a large serif headline and one short paragraph, such as “Built for the mile nobody sees.” for a carbon-plated racer.
A stack of sneakers stays pinned to the right edge while the photographs change behind it, and a column of dots tracks progress through the chapters. The final screen reports how many pixels you scrolled to reach it. Headlines mix Instrument Serif with Archivo Black, body copy is set in Inter and labels in JetBrains Mono. It is built with React and Vite.
Chapters, not sections
Each scroll lands on a full-bleed photograph with one headline and one short paragraph, so the page reads like a run of posters.
Pinned product
A stack of sneakers stays fixed on the right while the chapters change behind it.
A closing counter
The last screen turns the scroll itself into the message, reporting the pixels travelled “toward a faster version of you.”
Stills from the live site
Technical specs
- Live site
- vanta-ruddy.vercel.app ↗
- Page title
- VANTA — Run Beyond
- Type
- Brand site
- Built with
- React, Vite
- Typefaces
- Instrument Serif, Archivo Black, Inter, JetBrains Mono
- Palette
- #0A0A0A#F4F2ED#D7FF3A#8E5048#4DA1DF
- On the page
- Run beyond the line. · Built for the mile nobody sees. · 63% of a runner’s best miles happen in the dark. · The legs know before the head. · Thinner air. Thicker reasons. · We don’t sponsor athletes. We hire them. · Silence is a training tool. · “I only race against the version of me that quit yesterday.”
- Recording
- Captured from the live site at 1440×900 · H.264, 1200 px, 25 fps · 14 s
Related services: website development.
