Landing / Campaign
Lando Norris
An athlete's site treated as a brand campaign: full-bleed photography, enormous type on the diagonal and a narrative journey driven by the scroll. Named Awwwards site of the year for putting spectacle and order in the same page.
PhotographyScrollytellingSportTypography
landonorris.com Desktop
Screenshots of the real site. Scroll inside each frame to go through it.
The feeling
A starting grid: fast, competitive and in full daylight.
Design system Extracted from the site
Colors
Background
#111112
Text
#f4f4ed
Accent
#d2ff00
Surface
#d2ff00
Border
#d2ff00
Palette: #d2ff00 #111112 #f4f4ed #282c20 #b2c73a
Typography
Mona Sans Variable Headlines
Scale 38px32px17px12px
Weights: 400 · 700
Spacing, borders and layout
- Spacing scale
- 4 · 8 · 12 · 16 · 20 · 24 px
- Base unit
- 4px
- Radii
- 44px · 7px · 14px · 10px
- Border
- 1px #d2ff00
Third-party style reference. AIGiner is not affiliated with or sponsored by Lando Norris; the brand, design and content belong to their owners. Shown for illustrative purposes. Are you the owner and would rather we remove it? Write to us.
Similar pages
See all
We design websites at this level
Tell us about your brand, launch or event and we'll propose a creative website with this attention to detail and this finish.