Sport website design examples
Screen recordings of each website
Gravelle du Parc ↗
A gravel cycling weekend in lilac and cream, with chunky type, race cards and tilted video frames. The intro paragraph darkens word by word as you scroll, and small stat cards sit at playful angles. Borrow the race days stacked as cards with distances shown as pills, a tidy programme on a phone.
Fighter Ready ↗
A combat sports matchmaking app shot like a dark arena, with orange light, a 3D ring and heavy condensed headlines. Scrolling moves the camera through a lit doorway and on towards the ring, and each section is labelled as a numbered round. Borrow that round numbering, a small detail that keeps the theme going.
Stryds ↗
A social health app wrapped in rainbow rings, with goal cards and friend photos sliding in on black. The opening lines light up only their key words, and stats appear as bright pills with tiny portraits. Borrow the rings used as the frame of the first screen, so logo, colour and product idea arrive together.
Guide
How to use website inspiration well
Sport sites borrow the energy of the game, with big type, strong colour and motion that feels like a match day. These clubs, events and brands also keep fixtures, results and tickets one tap away, and each one is recorded on desktop and phone.
- Name the move. "Huge serif headline over a full-width photo" is something you can prompt; "nice vibe" is not.
- Watch the motion, not just the layout. How things enter, scroll and respond is what makes these sites feel finished.
- Check the phone version. The tall tiles show how each site handles a small screen.
- Then find the prompt. Our library has prompts for the sections these sites are built from: browse the prompt library.