
Screenshot story
The flow begins by showcasing the vast library of workouts and specific training plans, then transitions into holistic support like nutrition and instructional videos, finishing with tracking and profile stats to prove long-term value.
iPhone gallery
Select any frame to study its layout, content, and palette.
Observed in the listing
Across 6 frames, Fitplan most often uses floating device composition and device treatment with solid backgrounds. 6 frames include visible caption copy.
Frame 1
Choose from 100+ Custom Workout Plans
Frame 2
Find Your Perfect Gym Workout
Frame 3
Access 100s of recipes from Fitplan’s elite trainers to keep your diet in check.
Frame 4
1-on-1 Instruction From Top Personal Trainers
Frame 5
Track Your Fitness Progress
Frame 6
Built In Fitness Tools to Help You Maximize Results
Explore by detail
Design analysis
Fitplan employs a high-contrast, 'aggressive' fitness aesthetic by pairing a deep black background with a bright white device frame. This choice forces the eye directly into the UI, which uses a consistent dark mode theme with mint green as the sole functional accent color. The typography uses a condensed, italicized sans-serif for headlines, which mimics traditional sports branding to evoke a sense of movement and urgency. Copywriting focuses heavily on quantification-'100+', '1-on-1', '100s of recipes'-to build immediate authority. Designers should note the effectiveness of the white bezel; it acts as a secondary frame that prevents the dark UI from bleeding into the black background, maintaining legibility across all device brightness levels.
Keep exploring