
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
Select any frame to study its layout, content, and palette.
Explore by detail
Design analysis
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