Screenspo
AppsPatternsColorsGuidesMCP
ScreenspoยทApp Store design, organized

built by starterlyst ๐Ÿ’š

  1. Home
  2. Books
  3. Fable
Fable app icon
Books

Fable

Fable: Track & Discuss Books

View on App Store
4.8
75.7K ratings

Screenshot story

The story begins with personal organization and habit tracking, then expands into creative expression through recaps, finally landing on a community-driven social experience with book clubs.

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

  1. Frame 1

    Track your reads with better lists

    Composition / device
    flat ui panel
    Content
    ui screenshot
    Background
    gradient
    Copy treatment
    top, benefit led, functional
  2. Frame 2

    Build a healthy reading habit with streaks

    Composition / device
    flat ui panel
    Content
    ui screenshot
    Background
    gradient
    Copy treatment
    top, motivational, habit forming
  3. Frame 3

    Hit your reading goal with real-time stats

    Composition / device
    flat ui panel
    Content
    ui screenshot
    Background
    gradient
    Copy treatment
    top, data driven, encouraging
  4. Frame 4

    Rate books with half-stars

    Composition / device
    flat ui panel
    Content
    ui screenshot
    Background
    gradient
    Copy treatment
    top, specific, feature led
  5. Frame 5

    Create monthly reading recaps

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

    Follow what your friends are reading

    Composition / device
    flat ui panel
    Content
    ui screenshot
    Background
    gradient
    Copy treatment
    top, community focused, social
  7. Frame 7

    Start or join spoiler-free clubs

    Composition / device
    collage
    Content
    social proof
    Background
    gradient
    Copy treatment
    top, community led, welcoming

Explore by detail

Study the system behind the set

ColorsPalette and exact hex values
flat ui panelcollage

Design analysis

What makes this set work

olive drab#5b6c52dark moss#0a251emuted gold#8a8354soft pink#f2a1c0midnight teal#0d302a

Fable uses a sophisticated, 'literary' aesthetic characterized by elegant serif typography and an earthy, muted color palette that evokes high-end stationery. The layout strategy utilizes floating UI panels with soft shadows and rounded corners against deep gradient backgrounds, creating depth without feeling cluttered. A key design strength is the use of non-standard UI elements-like stickers and half-star ratings-to signal a more tactile, human experience than typical trackers like Goodreads. Designers should steal the 'feature-plus-vibe' approach, where technical screens (stats, lists) are paired with playful illustrative touches (emojis, stickers) to maintain an approachable, community-first feel.

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 Books

Apple Books App Store screenshot: floating device composition with ui screenshot content
Apple Books iconApple Books

Books