Screenspo
AppsPatternsColorsGuidesMCP
ScreenspoยทApp Store design, organized

built by starterlyst ๐Ÿ’š

  1. Home
  2. Music
  3. YouTube Music
YouTube Music app icon
Music

YouTube Music

YouTube Music

View on App Store
4.8
1.5M ratings

Screenshot story

The set opens with the scale of the library to establish authority, transitions into specific discovery features like 'Samples' and podcasts, and concludes with a clear value-proposition for the Premium subscription tier.

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

  1. Frame 1

    Over 100 million official songs

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    gradient
    Copy treatment
    top, metric led, confident
  2. Frame 2

    Stay current with new releases

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

    Discover new music with a swipe

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    gradient
    Copy treatment
    top, action oriented, modern
  4. Frame 4

    Listen to your favorite podcasts

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

    Explore playlists mixed just for you

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    gradient
    Copy treatment
    top, personal, helpful
  6. Frame 6

    Get Music Premium for ad-free music, offline, & background play

    Composition / device
    floating device
    Content
    feature callout
    Background
    gradient
    Copy treatment
    top, value driven, promotional

Explore by detail

Study the system behind the set

ColorsPalette and exact hex values
floating device

Design analysis

What makes this set work

YouTube Red#da685aPodcast Purple#8487bcDeep Green#0a2d26Premium Blue#2e3b8cObsidian#000000

YouTube Music employs a highly structured 'floating-device' layout that prioritizes UI legibility over artistic abstraction. The design strategy centers on a mesh-gradient background system that subtly shifts colors-from warm reds to cool purples and greens-simulating the 'vibe' or genre of the content shown. Copywriting is brief and feature-focused, using Google Sans for brand consistency. A notable tactic for designers to emulate is the use of the final slide to showcase the lock-screen player; this demonstrates utility outside the app itself, emphasizing 'background play' as a key selling point. The high-contrast dark mode across all slides ensures that vibrant album artwork remains the visual hero while maintaining a premium, cinematic feel.

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 Music

Shazam App Store screenshot: floating device composition with feature callout content
Shazam iconShazam

Music

Deezer App Store screenshot: collage composition with feature callout content
Deezer iconDeezer

Music

Apple Music App Store screenshot: floating device composition with onboarding content
Apple Music iconApple Music

Music

Amazon Music App Store screenshot: floating device composition with ui screenshot content
Amazon Music iconAmazon Music

Music