Screenspo
AppsPatternsColorsGuidesMCP
Screenspo·App Store design, organized

built by starterlyst 💚

  1. Home
  2. Social Networking
  3. Bump
Bump app icon
Social Networking

Bump

Bump - real life is happening

View on App Store
4.8
5.9K ratings

Screenshot story

The app hooks users with the promise of real-life connection, then demonstrates high-utility social features like real-time maps, campus insights, and shared widgets to facilitate spontaneous hangouts.

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

  1. Frame 1

    Hang with friends IRL

    Composition / device
    collage
    Content
    social proof
    Background
    illustrated
    Copy treatment
    overlay, bold, social
  2. Frame 2

    See what they're listening to

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

    Uncover your city

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    gradient
    Copy treatment
    top, adventurous, benefit led
  4. Frame 4

    See where your friends are

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

    Check their live ETA

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

    Hear what's hot on campus

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    gradient
    Copy treatment
    top, local, trendy
  7. Frame 7

    Find their favorite spots

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

    Wreak havoc in the group chat

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    gradient
    Copy treatment
    top, chaotic, fun
  9. Frame 9

    Make friend widgets

    Composition / device
    floating device
    Content
    onboarding
    Background
    gradient
    Copy treatment
    top, personalized, functional
  10. Frame 10

    Invite your friends to hang

    Composition / device
    floating device
    Content
    feature callout
    Background
    gradient
    Copy treatment
    top, inviting, actionable

Explore by detail

Study the system behind the set

ColorsPalette and exact hex values
collagefloating device

Design analysis

What makes this set work

bump blue#2164ffneon green#31d15chot pink#ff1a9bapple white#ffffffsunny yellow#ffcc00

amo’s Bump utilizes a high-energy, maximalist design language that perfectly targets a Gen Z audience. The strategy mixes hyper-realistic 3D assets and skeuomorphic stickers with clean map interfaces to create a digital-meets-tangible aesthetic. By placing UI screenshots inside floating devices on vibrant gradient backgrounds, they achieve depth and visual rhythm. The copywriting is notably conversational and reactive, using localized contexts like campus life and specific friend interactions to humanize the data-heavy nature of location sharing. Designers should look at the glassmorphism effect on UI panels and the strategic use of high-saturation accent colors which make the brand feel energetic and urgent. This approach successfully reframes utility features-like ETAs-into playful social currency.

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 Social Networking

WhatsApp App Store screenshot: floating device composition with ui screenshot content
WhatsApp iconWhatsApp

Social Networking

WeChat App Store screenshot: floating device composition with ui screenshot content
WeChat iconWeChat

Social Networking

KakaoTalk App Store screenshot: panoramic composition with ui screenshot content
KakaoTalk iconKakaoTalk

Social Networking

Yubo App Store screenshot: panoramic composition with lifestyle content
Yubo iconYubo

Social Networking