Screenspo
AppsPatternsColorsGuidesMCP
Screenspo·App Store design, organized

built by starterlyst 💚

  1. Home
  2. Health & Fitness
  3. Runna
Runna app icon
Health & Fitness

Runna

Runna: Running Plans & Coach

View on App Store
4.9
31.5K ratings

Screenshot story

The journey begins with massive social proof and Strava's endorsement to establish immediate trust. It then transitions through the core user experience: setting goals, live coaching, scheduling flexibility, and technical tracking, concluding with human-centric support and community.

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

  1. Frame 1

    Join over 5 million other runners from around the world.

    Composition / device
    floating device
    Content
    social proof
    Background
    solid
    Copy treatment
    top, authoritative, social proof
  2. Frame 2

    Personalized Plans Get plans based on your goals.

    Composition / device
    floating device
    Content
    onboarding
    Background
    solid
    Copy treatment
    top, benefit led, direct
  3. Frame 3

    Live Audio Coaching Get feedback during workouts.

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

    Fits Your Schedule Move workouts whenever you want.

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

    Fully Customizable You’re always in complete control.

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    solid
    Copy treatment
    top, reassuring, user centric
  6. Frame 6

    Workout Variety Mix it up to keep things interesting.

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

    All Your Stats Track your progress over time.

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

    Strength Training Get stronger and faster.

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

    Community Connect with runners of all abilities.

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

    24/7 Support Get help whenever you need it.

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    solid
    Copy treatment
    top, helpful, reliable

Explore by detail

Study the system behind the set

ColorsPalette and exact hex values
floating device

Design analysis

What makes this set work

pure black#000000cloud white#f2f2f2mint green#27ff85royal blue#007affgraphite#1c1c1e

Runna's design strategy centers on high-contrast accessibility, placing dark mode UI mockups against clean, light grey backgrounds. This creates a 'pop' effect that directs the eye straight to the content. The typography uses a bold, clean sans-serif that communicates modern professionalism. A key highlight is the 'Workout Variety' slide, which uses a rainbow grid of tiles to inject personality into an otherwise utilitarian app. Designers should notice the 'triple-threat' social proof on slide one: user numbers, hardware compatibility logos, and official platform awards. The copy strategy is strictly benefit-driven, using 'You' and 'Your' frequently to emphasize personalization. The inclusion of a support chat screenshot at the end humanizes an otherwise data-heavy fitness tool.

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 Health & Fitness

Numo App Store screenshot: floating device composition with ui screenshot content
Numo iconNumo

Health & Fitness

Calm App Store screenshot: device in hand composition with social proof content
Calm iconCalm

Health & Fitness

Centr App Store screenshot: lifestyle photo composition with social proof content
Centr iconCentr

Health & Fitness

Future Pro App Store screenshot: panoramic composition with social proof content
Future Pro iconFuture Pro

Health & Fitness