← back to the gallery

Fable: illustrated reading-community landing with blue feature panels and phone interfaces

Tier
inspiration
Roles
hero, explainer, capability, feature, proof
Feel
light, playful, editorial, warm
Motion
pan, reveal, kinetic
Source
public-site
Site
https://fable.co/
Licence
Captured from a Refero-hosted recording; description only, no redistribution of the source recording. Live site checked but no live capture retained.
Captured
2026-10-06
Captures
frames: https://images.refero.design/styles/refero.design/video/835bc34a-0e34-4c07-a479-1b6c5c4d3f44.mp4

What it does

Recording-only reference. A deep green introduction combines a serif reading proposition with a colorful illustrated reader and a shelf-like row of book covers. Blue feature sections show reading lists, streaks, personal reading summaries and community conversations through large phone interfaces. Small character illustrations punctuate the product explanations.

Section roster

1. Green illustrated reading introduction. 2. Book-cover row. 3. Reading-list and streak examples. 4. Personal reading-summary phones. 5. Community conversation interfaces. 6. Reader illustrations and supporting copy.

Why it works

The illustrations make the community feel approachable, while real-looking phone layouts explain the organizing and discussion features. Green and blue provide coherent framing for the varied book-cover artwork.

Source and capture notes

Refero [style page](https://styles.refero.design/style/ab650279-aa18-43e5-a998-34190d7bedc7) and [recorded video](https://images.refero.design/styles/refero.design/video/835bc34a-0e34-4c07-a479-1b6c5c4d3f44.mp4); [live site](https://fable.co/) checked on 2026-10-06. The recording is a point-in-time reference; current site content may differ. Descriptions distinguish the recording from the current page where they differ. Layout and motion notes come from sampled recording frames; no live capture or measured responsive layout is attached; interactive controls were not comprehensively tested. The automated live page rendered without its intended styling, including an oversized logo. It was excluded; the reference uses only the clean Refero recording.