Dynamic background gradients
Apple Sports creates a textured gradient, using the team’s colours, as the background for matches.
Apple Sports
Real-time scores and stats
Apple Sports uses team colours to shape its visual design, including textured gradient backgrounds that give each match screen its own look.
Key takeaways from 1 UX Bite
Match backgrounds are built from both teams' colours, reflecting who is playing
A textured gradient replaces a flat fill, adding depth behind the match
The teams in a fixture drive the styling, so each match screen looks different
Real world examples
There are more than 1400 UX Bites like this
Subscribe to BFM+
If features can be coded in minutes, thoughtful design is what wins
- Unlock the entire library
- Create custom UX courses
- Access our AI tools
£8/monthbilled annually
or, wait for the free stuff
Join the free newsletter
Get the free content when it's released, straight to your inbox, no account required
"An exceptional resource for learning how to build habit-forming products that people love."
"I’d never met anybody who looks at usability and UX the way I do until I met Peter. Only he’s smarter."
"The completest view of the psychological underpinnings of human behaviour that I’ve ever seen."
"What a nice idea! Christopher Alexander would be proud to see patterns collected like this."
