Screenspo
AppsPatternsColorsGuidesMCP
ScreenspoยทApp Store design, organized

built by starterlyst ๐Ÿ’š

  1. Home
  2. Shopping
  3. Gymshark
Gymshark app icon
Shopping

Gymshark

Gymshark: Shop Gym Clothes

View on App Store
4.9
177.8K ratings

Screenshot story

The journey starts with a high-impact lifestyle hook to build brand community, followed by a progression through app-exclusive drops, personalized shopping, and gamified loyalty rewards, concluding with a frictionless, secure checkout experience.

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

  1. Frame 1

    lifestyle presentation

    Composition / device
    lifestyle photo
    Content
    lifestyle
    Background
    photo
    Copy treatment
    none, neutral
  2. Frame 2

    THE LATEST DROPS

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

    FIND YOUR FAVES

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

    SHOP SEAMLESSLY

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

    RACK UP YOUR REWARDS

    Composition / device
    floating device
    Content
    feature callout
    Background
    photo
    Copy treatment
    top, motivating, gamified
  6. Frame 6

    FAST, SIMPLE, SECURE.

    Composition / device
    floating device
    Content
    social proof
    Background
    solid
    Copy treatment
    top, reassuring, punchy

Explore by detail

Study the system behind the set

ColorsPalette and exact hex values
lifestyle photofloating device

Design analysis

What makes this set work

gymshark off-white#f5f3edobsidian#000000fitness teal#0d3b32ash grey#e5e5e5

Gymshark employs a high-contrast design system that alternates between a clean, editorial off-white background and textured, dark lifestyle backdrops. This creates a rhythmic pacing that keeps the user engaged. They utilize a bold, condensed, uppercase typography style that feels authoritative and modern, reminiscent of sports magazines. A key tactical choice is the use of simulated push notification overlays and countdown timers in the second slide, which effectively communicates urgency and the 'app-exclusive' value proposition. Designers should note the 'card-stack' UI treatment in slides 3 and 6, which breaks the rigid phone frame to draw attention to specific product details or cart items, making the UI feel more tactile and dynamic.

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 Shopping

Shop App Store screenshot: collage composition with feature callout content
Shop iconShop

Shopping

Etsy App Store screenshot: floating device composition with onboarding content
Etsy iconEtsy

Shopping

Best Buy App Store screenshot: floating device composition with ui screenshot content
Best Buy iconBest Buy

Shopping

IKEA App Store screenshot: floating device composition with onboarding content
IKEA iconIKEA

Shopping