Screenspo
AppsPatternsColorsMCP
ScreenspoยทApp Store design, organized

built by starterlyst ๐Ÿ’š

All apps
Any Distance app icon
Health & Fitness

Any Distance

Any Distance Running Tracker

View on App Store
4.7
2.5K ratings

Screenshot story

The story begins with an authoritative hook of social proof and core utility, transitions through an expansive list of activities and device integrations, and concludes by showcasing gamified rewards and high-end social sharing features.

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
text onlypanoramicfloating device

Design analysis

What makes this set work

race red#c1272dsafety orange#f58220deep navy#001e54vivid blue#0091ffpitch black#000000

Any Distance employs a sophisticated, lifestyle-brand aesthetic that separates it from clinical fitness trackers. The design strategy utilizes heavily grained gradients to create a 'noisy' texture that feels premium and tactile. The color story is split: energetic, high-intensity reds and oranges dominate the active tracking portion (slides 1-4), while cooling, achievement-oriented blues take over for rewards and social sharing (slides 5-7). The typography is unapologetically massive, using a clean sans-serif that maximizes legibility on small mobile screens. A designer should emulate the use of panoramic transitions to bridge disparate screens and the intentional choice to use dark mode as the default to emphasize the vibrant UI colors and high-authority rating symbols.

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