Screenspo
AppsPatternsColorsGuidesMCP
ScreenspoยทApp Store design, organized

built by starterlyst ๐Ÿ’š

  1. Home
  2. Health & Fitness
  3. Google Fit
Google Fit app icon
Health & Fitness

Google Fit

Google Fit: Activity Tracker

View on App Store
4.2
2.2K ratings

Screenshot story

The screenshots provide a deep dive into personal health tracking, moving from a high-level goal overview to granular daily activity logs and specialized sleep and heart rate analysis.

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, Google Fit most often uses flat ui panel composition and device treatment with solid backgrounds. 0 frames include visible caption copy.

  1. Frame 1

    ui screenshot presentation

    Composition / device
    flat ui panel
    Content
    ui screenshot
    Background
    solid
    Copy treatment
    none, neutral
  2. Frame 2

    ui screenshot presentation

    Composition / device
    flat ui panel
    Content
    ui screenshot
    Background
    solid
    Copy treatment
    none, neutral
  3. Frame 3

    ui screenshot presentation

    Composition / device
    flat ui panel
    Content
    ui screenshot
    Background
    solid
    Copy treatment
    none, neutral
  4. Frame 4

    ui screenshot presentation

    Composition / device
    flat ui panel
    Content
    ui screenshot
    Background
    solid
    Copy treatment
    none, neutral
  5. Frame 5

    ui screenshot presentation

    Composition / device
    flat ui panel
    Content
    ui screenshot
    Background
    solid
    Copy treatment
    none, neutral

Explore by detail

Study the system behind the set

ColorsPalette and exact hex values
flat ui panel

Design analysis

What makes this set work

google fit teal#009688google blue#1a73e8sleep purple#7986cbpure white#ffffffgraphite#3c4043

Google Fit adopts a purely 'Product First' strategy by using raw UI screenshots without additional marketing copy or device framing. This approach relies entirely on the interface's Material Design clarity to communicate value. By showing full-bleed screens, they highlight the high data density and information hierarchy, such as the prominent Heart Points and Steps rings. A designer can learn from the app's clever use of color-coding: teal for movement, blue for steps, and purple for sleep, which creates a subconscious navigation system for the user. The lack of standard marketing 'fluff' suggests a tool-oriented app for users who prioritize utility and data transparency over lifestyle aspirations.

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