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