View on App Store
4.5
10.7K ratingsScreenshot 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
The complete screenshot set
Select any frame to study its layout, content, and palette.
Observed in the listing
Frame-by-frame listing evidence
Across 6 frames, MLS most often uses floating device composition and device treatment with gradient backgrounds. 6 frames include visible caption copy.
Frame 1
The Official MLS App
- Composition / device
- lifestyle photo
- Content
- lifestyle
- Background
- photo
- Copy treatment
- overlay, authoritative, direct
Frame 2
Personalize Your Fan Experience
- Composition / device
- panoramic
- Content
- ui screenshot
- Background
- gradient
- Copy treatment
- top, benefit led, welcoming
Frame 3
Access Real-Time Scores and Breaking News
- Composition / device
- panoramic
- Content
- ui screenshot
- Background
- gradient
- Copy treatment
- top, informative, direct
Frame 4
Follow Your Favorite MLS Clubs and Players
- Composition / device
- floating device
- Content
- ui screenshot
- Background
- gradient
- Copy treatment
- top, direct, community focused
Frame 5
Unlock Instant Access to Match Highlights
- Composition / device
- floating device
- Content
- ui screenshot
- Background
- gradient
- Copy treatment
- top, action oriented, urgent
Frame 6
Get In the Game with MLS Fantasy
- Composition / device
- floating device
- Content
- ui screenshot
- Background
- gradient
- Copy treatment
- top, engaging, gamified
Explore by detail
Study the system behind the set
Design analysis
What makes this set work
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
