
Screenshot story
The set establishes authority with a high-action splash screen before transitioning into a suite of personalized features including news, live scoring, and highlights, concluding with a call to engage via the fantasy gaming layer.
iPhone gallery
Select any frame to study its layout, content, and palette.
Explore by detail
Design analysis
Major League Soccer utilizes a high-energy 'broken-frame' design strategy. By placing high-resolution player cutouts so they overlap the floating device frames and bleed into adjacent screens (panoramic continuity), they create a sense of three-dimensional depth and kinetic energy that flat screenshots lack. This effectively mimics the 'pop' of a live match. The dark mode UI serves as a neutral canvas, allowing the vibrant, diverse colors of different club jerseys and pitch greens to serve as the primary visual interest. Designers should note the use of bold, sans-serif typography centered at the top, which maintains readability against the dark, moody gradients while reinforcing the brand's premium, broadcast-quality aesthetic.
Keep exploring