Screenspo
AppsPatternsColorsMCP
ScreenspoยทApp Store design, organized

built by starterlyst ๐Ÿ’š

All apps
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.

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.

Keep exploring

More in Health & Fitness

Numo App Store screenshot: listing design
Numo iconNumo

Health & Fitness

Calm App Store screenshot: listing design
Calm iconCalm

Health & Fitness

Centr App Store screenshot: listing design
Centr iconCentr

Health & Fitness

Future Pro App Store screenshot: listing design
Future Pro iconFuture Pro

Health & Fitness