Screenspo
AppsPatternsColorsGuidesMCP
Screenspo·App Store design, organized

built by starterlyst đź’š

  1. Home
  2. Health & Fitness
  3. Fitplan
Fitplan app icon
Health & Fitness

Fitplan

Fitplan®: Gym & Home Workouts

View on App Store
4.8
11.1K ratings

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

The complete screenshot set

Select any frame to study its layout, content, and palette.

Observed in the listing

Frame-by-frame listing evidence

Across 6 frames, Fitplan most often uses floating device composition and device treatment with solid backgrounds. 6 frames include visible caption copy.

  1. Frame 1

    Choose from 100+ Custom Workout Plans

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    solid
    Copy treatment
    top, benefit led, direct
  2. Frame 2

    Find Your Perfect Gym Workout

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    solid
    Copy treatment
    top, action oriented, encouraging
  3. Frame 3

    Access 100s of recipes from Fitplan’s elite trainers to keep your diet in check.

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    solid
    Copy treatment
    top, informative, supportive
  4. Frame 4

    1-on-1 Instruction From Top Personal Trainers

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    solid
    Copy treatment
    top, professional, value driven
  5. Frame 5

    Track Your Fitness Progress

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    solid
    Copy treatment
    top, practical, goal oriented
  6. Frame 6

    Built In Fitness Tools to Help You Maximize Results

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    solid
    Copy treatment
    top, authoritative, result oriented

Explore by detail

Study the system behind the set

ColorsPalette and exact hex values
floating device

Design analysis

What makes this set work

onyx#111111emerald ice#47b37bstark white#ffffffiron grey#2c2c2e

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.

Source and method. Screenshots come from the US App Store listing and are preserved in Screenspo's curated corpus. Layout, caption, content, background, and palette observations are derived from the visible listing artwork. Typeface names are not inferred; transcribed copy, tone, and position are the supported typography evidence, while layout tags record composition and device treatment. View the source listing.

Keep exploring

More in Health & Fitness

Numo App Store screenshot: floating device composition with ui screenshot content
Numo iconNumo

Health & Fitness

Calm App Store screenshot: device in hand composition with social proof content
Calm iconCalm

Health & Fitness

Centr App Store screenshot: lifestyle photo composition with social proof content
Centr iconCentr

Health & Fitness

Future Pro App Store screenshot: panoramic composition with social proof content
Future Pro iconFuture Pro

Health & Fitness