Screenspo
AppsPatternsColorsGuidesMCP
ScreenspoยทApp Store design, organized

built by starterlyst ๐Ÿ’š

  1. Home
  2. Sports
  3. NBA
NBA app icon
Sports

NBA

NBA: Live Games & Scores

View on App Store
4.7
94K ratings

Screenshot story

The set begins by establishing the app's authority through star player imagery before moving into specific seasonal content like Summer League and Free Agency to show utility year-round. It concludes by highlighting diverse video content and the tangible value of the NBA ID loyalty program.

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, NBA most often uses floating device composition and device treatment with gradient backgrounds. 6 frames include visible caption copy.

  1. Frame 1

    THE OFFICIAL NBA APP

    Composition / device
    collage
    Content
    social proof
    Background
    gradient
    Copy treatment
    top, authoritative, iconic
  2. Frame 2

    YOUR HOME FOR SUMMER LEAGUE

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    gradient
    Copy treatment
    top, timely, informative
  3. Frame 3

    LATEST FREE AGENCY NEWS

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    gradient
    Copy treatment
    top, news focused, direct
  4. Frame 4

    WHAT'S TRENDING NOW IN THE NBA

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    gradient
    Copy treatment
    top, engaging, social
  5. Frame 5

    AROUND THE CLOCK BASKETBALL COVERAGE

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    gradient
    Copy treatment
    top, comprehensive, value led
  6. Frame 6

    REWARDS FOR EVERY FAN

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    gradient
    Copy treatment
    top, benefit led, inclusive

Explore by detail

Study the system behind the set

ColorsPalette and exact hex values
collagefloating device

Design analysis

What makes this set work

nba red#d21034nba blue#1d428avibrant orange#f58426stark white#ffffff

The NBA app utilizes a high-energy 'broadcast' aesthetic to mirror the intensity of professional basketball. By leading with a superstar collage, it establishes immediate credibility and fan connection. The consistent use of a floating-device layout against a red-to-orange diamond gradient provides visual depth while maintaining a strict brand identity across all screens. The typography is particularly effective; the bold, condensed uppercase sans-serif evokes a live scoreboard feel, adding urgency to the marketing copy. Designers should note the strategy of highlighting timely events like 'Free Agency' and 'Summer League,' which keeps the App Store listing feeling fresh and current even during the off-season. The use of vibrant, saturated colors ensures the app stands out in a crowded sports category.

Source and method. Screenshots come from the US App Store listing and are preserved in Screenspo's curated corpus. Layout, caption, content, background, and palette observations are derived from the visible listing artwork. Typeface names are not inferred; transcribed copy, tone, and position are the supported typography evidence, while layout tags record composition and device treatment. View the source listing.

Keep exploring

More in Sports

DAZN App Store screenshot: collage composition with social proof content
DAZN iconDAZN

Sports

MLS App Store screenshot: lifestyle photo composition with lifestyle content
MLS iconMLS

Sports

Apple Sports App Store screenshot: floating device composition with feature callout content
Apple Sports iconApple Sports

Sports

NFL App Store screenshot: lifestyle photo composition with lifestyle content
NFL iconNFL

Sports