Screenspo
AppsPatternsColorsGuidesMCP
Screenspo·App Store design, organized

built by starterlyst đź’š

  1. Home
  2. Photo & Video
  3. Snapchat
Snapchat app icon
Photo & Video

Snapchat

Snapchat

View on App Store
4.5
5.9M ratings

Screenshot story

The flow begins with the core act of 'Snapping' and 'Chatting' with friends, moves through entertainment-heavy features like Lenses and Spotlight, and concludes with long-term value via the Map and personal Memories.

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

  1. Frame 1

    SNAP Share the moment with friends

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    solid
    Copy treatment
    top, simple, community focused
  2. Frame 2

    CHAT Stay in touch wherever you are

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

    LENSES Add a little magic to everyday Snaps

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    solid
    Copy treatment
    top, playful, descriptive
  4. Frame 4

    STORIES See what friends & creators are sharing

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

    SPOTLIGHT A front row seat to the best Snaps

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    solid
    Copy treatment
    top, premium, active
  6. Frame 6

    CALLING Face-to-face fun with video & voice calls

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    solid
    Copy treatment
    top, interactive, personal
  7. Frame 7

    MAP See what friends are up to

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    solid
    Copy treatment
    top, utility, social
  8. Frame 8

    AI SNAPS Your reality reimagined

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    solid
    Copy treatment
    top, futuristic, creative
  9. Frame 9

    MEMORIES Look back at the Snaps that matter most

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    solid
    Copy treatment
    top, nostalgic, emotional

Explore by detail

Study the system behind the set

ColorsPalette and exact hex values
floating device

Design analysis

What makes this set work

snapchat yellow#fffc00black#000000white#ffffffios blue#007aff

Snapchat’s screenshot strategy is a masterclass in brand-first consistency. By utilizing a high-contrast solid yellow background across all nine frames, the app claims immediate visual ownership of the user’s eye. Each slide follows a strict template: a bold, all-caps header followed by a concise benefit-led subheadline, with a rounded floating UI container below. This layout prioritizes the content within the app-AR lenses, 3D Bitmojis, and vibrant photography-rather than the device hardware. Designers should note how the use of distinct 'modes' (light for Chat/Map/Memories, dark for media viewing) creates a rhythm that guides the user through the app’s diverse feature set without breaking the visual identity.

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 Photo & Video

Instagram App Store screenshot: floating device composition with ui screenshot content
Instagram iconInstagram

Photo & Video

Picsart App Store screenshot: floating device composition with onboarding content
Picsart iconPicsart

Photo & Video

Lapse App Store screenshot: lifestyle photo composition with ui screenshot content
Lapse iconLapse

Photo & Video

Edits App Store screenshot: floating device composition with ui screenshot content
Edits iconEdits

Photo & Video