Screenspo
AppsPatternsColorsGuidesMCP
ScreenspoยทApp Store design, organized

built by starterlyst ๐Ÿ’š

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

Fabulous

Fabulous: Daily Habit Tracker

View on App Store
4.4
88.3K ratings

Screenshot story

The sequence moves from a high-level overview of a personalized daily structure to specific granular examples for morning, afternoon, and night, eventually showcasing specialized routines for varied life priorities and time constraints.

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, Fabulous most often uses flat ui panel composition and device treatment with gradient backgrounds. 6 frames include visible caption copy.

  1. Frame 1

    YOUR PERSONALIZED DAILY ROUTINE

    Composition / device
    flat ui panel
    Content
    feature callout
    Background
    gradient
    Copy treatment
    top, organized, encouraging
  2. Frame 2

    YOUR MORNING ROUTINE

    Composition / device
    flat ui panel
    Content
    feature callout
    Background
    gradient
    Copy treatment
    top, structured, productive
  3. Frame 3

    YOUR AFTERNOON ROUTINE

    Composition / device
    flat ui panel
    Content
    feature callout
    Background
    gradient
    Copy treatment
    top, vibrant, active
  4. Frame 4

    YOUR EVENING ROUTINE

    Composition / device
    flat ui panel
    Content
    feature callout
    Background
    gradient
    Copy treatment
    overlay, calm, reflective
  5. Frame 5

    ROUTINES FOR DIFFERENT PRIORITIES

    Composition / device
    flat ui panel
    Content
    feature callout
    Background
    gradient
    Copy treatment
    top, comprehensive, versatile
  6. Frame 6

    THE 1-HOUR ROUTINE

    Composition / device
    flat ui panel
    Content
    feature callout
    Background
    gradient
    Copy treatment
    top, precise, actionable

Explore by detail

Study the system behind the set

ColorsPalette and exact hex values
flat ui panel

Design analysis

What makes this set work

vibrant magenta#c40a5adeep indigo#5b2e91soft cream#f7f1e6sunset orange#f17945ocean teal#1e6c71

Fabulous eschews standard app UI in favor of a bespoke, editorial illustration style that feels like a hand-drawn journal. This approach minimizes 'tech friction' and leans into the emotional, psychological aspect of habit formation. The design strategy uses color as a primary cognitive anchor: mint for morning, bright cyan for afternoon, and deep indigo for evening, mirroring the human circadian rhythm. Copywriting is highly prescriptive-instead of listing features like 'reminders,' it lists specific actions like 'drink a cold glass of water,' providing immediate psychological value. Designers should note how the use of irregular, 'bubbly' typography and stylized icons makes the daunting task of self-improvement feel playful and achievable rather than clinical.

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