Screenspo
AppsPatternsColorsMCP
ScreenspoยทApp Store design, organized

built by starterlyst ๐Ÿ’š

All apps
MLS app icon
Sports

MLS

MLS: The Official App

View on App Store
4.5
10.7K ratings

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

The complete screenshot set

Select any frame to study its layout, content, and palette.

Explore by detail

Study the system behind the set

ColorsPalette and exact hex values
lifestyle photopanoramicfloating device

Design analysis

What makes this set work

midnight purple#121021pure black#000000clean white#ffffffmls light blue#4fb0e8grass green#3e8e41

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

More in Sports

DAZN App Store screenshot: listing design
DAZN iconDAZN

Sports

Apple Sports App Store screenshot: listing design
Apple Sports iconApple Sports

Sports

NFL App Store screenshot: listing design
NFL iconNFL

Sports

theScore App Store screenshot: listing design
theScore icontheScore

Sports