
Screenshot story
The story begins with the human element of world-class instruction and the flexibility of 'no equipment needed,' then transitions into deep product credibility and the breadth of content. It concludes by showing how the app integrates into the user's broader ecosystem through data syncing, gamified rewards, and community support.
iPhone gallery
Select any frame to study its layout, content, and palette.
Observed in the listing
Across 7 frames, Peloton most often uses floating device composition and device treatment with solid backgrounds. 7 frames include visible caption copy.
Frame 1
Routines that evolve as you do With world-class instructors that move you and no Peloton equipment needed
Frame 2
App Store Editor's choice 809k ratings 4.9โ โ โ โ โ
Frame 3
Thousands of ways to run, lift, push, and grow.
Frame 4
Workout plans built around your fitness goals.
Frame 5
Sync workouts from other apps to track in one place.
Frame 6
Level up, earn points, and redeem rewards.
Frame 7
Find motivation in Peloton Teams.
Explore by detail
Design analysis
Peloton's screenshot strategy centers on a high-contrast 'Dark UI on Light Texture' aesthetic that feels premium and focused. The set leads with a lifestyle photo to humanize the brand before moving into standard device frames. The copywriting is strategically verb-heavy, emphasizing active participation ('run, lift, push, grow'). A clever design tactic is the use of 'overflowing' elements-third-party app icons in slide 5 and team cards in slide 7-which break the rigid device frame to create a sense of depth and ecosystem breadth. The color system uses vibrant, functional accents (Lime for teams, Gold for rewards, Purple for progress) against a monolithic dark interface, effectively highlighting gamification and social features that drive retention. Designers should note how the 'Editor's Choice' badge is given its own dedicated hero space to establish immediate trust.
Keep exploring