Screenspo
AppsPatternsColorsGuidesMCP
ScreenspoยทApp Store design, organized

built by starterlyst ๐Ÿ’š

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

Suno

Suno - AI Songs, Music, Lyrics

View on App Store
0
0 ratings

Screenshot story

The flow begins with a powerful hook about limitless musical creation, transitions into deep customization and social features, and concludes by positioning the app as a personalized listening destination.

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

  1. Frame 1

    Make any song you can imagine

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    gradient
    Copy treatment
    top, inspirational, bold
  2. Frame 2

    Adjust the genre, lyrics, and more

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

    Explore music from other creators

    Composition / device
    floating device
    Content
    social proof
    Background
    gradient
    Copy treatment
    top, community focused, inviting
  4. Frame 4

    Upload or record audio to create

    Composition / device
    floating device
    Content
    feature callout
    Background
    gradient
    Copy treatment
    top, utility led, clear
  5. Frame 5

    Remix your songs or ones you find

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

    Listen to music tailored to your mood

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

Explore by detail

Study the system behind the set

ColorsPalette and exact hex values
floating device

Design analysis

What makes this set work

Suno Orange#ff4d2dDeep Space Black#121212Vibrant Magenta#ff1f6dSoft White#ffffff

Suno's screenshot strategy centers on a high-energy orange-to-red gradient background that makes the dark-mode UI elements pop with high contrast. They use an elegant serif typeface for captions, which creates a 'prestige' editorial feel, contrasting with the approachable, rounded sans-serif of the app's UI. The copywriting is specifically designed to spark imagination, using relatable prompts like 'texts from my ex' to demonstrate AI utility without technical jargon. Designers should note the 'peek-a-boo' layout style: using keyboards and half-sheet overlays (slides 1, 4, 5) creates a sense of depth and tactile interaction. This framing technique makes the static screenshots feel like active, living states of the app.

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