Screenspo
AppsPatternsColorsGuidesMCP
ScreenspoยทApp Store design, organized

built by starterlyst ๐Ÿ’š

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

Apple Health

Apple Health

View on App Store
3
8.7K ratings

Screenshot story

The screenshots move from a comprehensive daily health summary to specialized categories, focusing on mental wellbeing, heart health, and restorative sleep metrics.

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

  1. Frame 1

    ui screenshot presentation

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    solid
    Copy treatment
    none, n/a
  2. Frame 2

    ui screenshot presentation

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    solid
    Copy treatment
    none, n/a
  3. Frame 3

    ui screenshot presentation

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    solid
    Copy treatment
    none, n/a
  4. Frame 4

    ui screenshot presentation

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    solid
    Copy treatment
    none, n/a
  5. Frame 5

    ui screenshot presentation

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    solid
    Copy treatment
    none, n/a

Explore by detail

Study the system behind the set

ColorsPalette and exact hex values
floating device

Design analysis

What makes this set work

apple gray#f5f5f7pure white#ffffffvibrant red#ff3b30vibrant green#34c759system blue#007aff

Apple employs a 'UI-as-Marketing' strategy, removing all external marketing copy to let the clean, high-density interface speak for itself. This approach relies on the app's clear information hierarchy and iconic system colors to communicate value and functionality. The 'floating-device' layout on a neutral, off-white background creates a premium, gallery-like aesthetic that focuses the viewer's attention entirely on the data. Key visual strategies include card-based layouts for legibility and vivid data visualizations-like the activity rings and sleep gauges-to make medical metrics feel approachable. Designers can steal the use of bold, semantic headers that act as natural anchors, eliminating the need for redundant captions while maintaining a high level of information density.

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