Screenspo
AppsPatternsColorsMCP
ScreenspoยทApp Store design, organized

built by starterlyst ๐Ÿ’š

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

Explore by detail

Study the system behind the set

ColorsPalette and exact hex valuesOnboarding1 tagged frame
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.

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