
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
Select any frame to study its layout, content, and palette.
Observed in the listing
Across 7 frames, Fable most often uses flat ui panel composition and device treatment with gradient backgrounds. 7 frames include visible caption copy.
Frame 1
Track your reads with better lists
Frame 2
Build a healthy reading habit with streaks
Frame 3
Hit your reading goal with real-time stats
Frame 4
Rate books with half-stars
Frame 5
Create monthly reading recaps
Frame 6
Follow what your friends are reading
Frame 7
Start or join spoiler-free clubs
Explore by detail
Design analysis
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.
Keep exploring