Screenspo
AppsPatternsColorsGuidesMCP
ScreenspoยทApp Store design, organized

built by starterlyst ๐Ÿ’š

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

Apple Fitness

Apple Fitness

View on App Store
2.9
11.2K ratings

Screenshot story

The sequence starts with the core value proposition of tracking personal activity goals before expanding into the wide variety of guided workout content and ending with personalized, long-term planning tools.

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

  1. Frame 1

    Activity Details Set goals, check progress, and view historical workouts.

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    solid
    Copy treatment
    top, informative, goal oriented
  2. Frame 2

    Workouts Track workouts to see important metrics.

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

    12 Workout Types plus Meditation From 5 to 45 minutes, for all levels.

    Composition / device
    floating device
    Content
    onboarding
    Background
    solid
    Copy treatment
    top, inclusive, feature led
  4. Frame 4

    For You See recommendations for your favorite activities.

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

    Custom Plans Commit to a weekly routine.

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    solid
    Copy treatment
    top, motivational, structured

Explore by detail

Study the system behind the set

ColorsPalette and exact hex values
floating device

Design analysis

What makes this set work

fitness green#a6e22esystem white#ffffffpitch black#000000vibrant pink#ff2d55sky blue#007aff

Apple employs a clinical and high-contrast design strategy. By placing dark-mode UI mocks against a stark white background, they allow the high-saturation brand colors (Move red, Exercise green, Stand blue) to serve as the primary visual interest. The copywriting is purely functional, utilizing a bold title followed by a simple sentence of utility. A designer can steal this 'Canvas' approach: stripping away all decorative elements and framing the device as the hero. The consistent use of the 'Fitness Green' (#A6E22E) for primary action buttons creates a cohesive brand thread through disparate features like tracking, browsing, and planning.

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