fable-co
Cozy, literary, and welcoming. Elegant editorial serif headlines pair with playful character illustrations and soft rounded app UI cards over bold blocks of forest green and sky blue.
Visit siteColour
Background#064c37
Text#292229
Accent#43a1d7
Surface#f7f4ee
Muted#847f7c
Typefaces
- Display
- Heldane Display
- Body
- Inter
- Mono
- —
- Source
- Scale
- 8 · 10 · 12 · 14 · 16 · 18
Layout
- Grid
- —
- Container
- —
- Spacing base
- 4px
- Radius
- 16px · 24px
Capture
- Category
- other
- Sections
- 9
- Captured
- 2026-08-30
- Rhythm
- dark x2 → cream → light blue x3 → dark x3
Type rules
- headlines use sentence-case Heldane Display serifs
- body text runs in Inter at roughly 53 characters per measure
Colour rules
- deep forest green anchors the hero, shifting into bright sky blue and cream for features
- surface cards use off-white rounded panels to float mobile screens
Voice rules
- conversational reader-centric phrasing
- consistent primary CTA label
Holds it together
- pair every primary benefit with a floating UI card and thematic illustration
- use pill-shaped high-contrast buttons for primary conversion actions
- alternate background colors across distinct functional zones
Contrast
text on background1.6:1 fail
muted text on background2.5:1 fail
text on surface14.1:1 AAA
accent on background3.5:1 AA Large
background on accent3.5:1 AA Large
Type, measured
- Body
- 20px / 1.5
- Measure
- 53 characters
- Display
- 80px / 0.94
- Tracking
- 0em display
- Scale ratio
- 1.41
Voice
- Tone
- approachable, warm, encouraging
- Sentences
- medium
- Person
- second
- Vocabulary
- plain
- Calls to action
- get, join, start
Built with
- Builder
- —
- Framework
- —
- Motion
- —
- WebGL
- —
- Nav
- sticky_top_bar, 5 items, sticky
- Length
- 6.9 screens
Sections in page order
9- 00
hero
Cozy deep-green hero section blending warm literary serif typography with a whimsical character illustration and a showcase of popular book covers.
- Mood
- warm + playful
- Layout
- 1 col · split · balanced
- 01
gallery
A vibrant horizontal row of colorful book covers and reading snapshots floating across a deep green backdrop.
- Mood
- playful + editorial
- Layout
- 1 col · full bleed · dense
- 02
hero
Vibrant and approachable book app hero featuring playful character illustration, warm serif headlines, and floating mobile interface cards.
- Mood
- playful + warm
- Layout
- 1 col · asymmetric · balanced
- 03
feature
Vibrant and cheerful app showcase combining playful character illustration, elegant serif typography, and modular mobile UI cards against a vivid sky-blue canvas.
- Mood
- playful + editorial
- Layout
- 1 col · asymmetric · balanced
- 04
feature
Vibrant sky-blue section featuring an engaging character illustration surrounded by floating cream UI cards highlighting reading community features.
- Mood
- playful + warm
- Layout
- 1 col · asymmetric · airy
- 05
showcase
A cheerful showcase of community book clubs featuring rounded picture cards and warm editorial serif titles over a bright blue background.
- Mood
- warm + playful
- Layout
- 1 col · grid · balanced
- 06
testimonial
Stark, high-contrast dark quote block pairing an elegant editorial serif with a minimal pill CTA.
- Mood
- editorial + quiet
- Layout
- 1 col · centered · airy
- 07
testimonial
A horizontal row of floating white user testimonial cards against a deep black backdrop feels friendly, social, and community-driven.
- Mood
- warm + playful
- Layout
- 1 col · full bleed · airy
- 08
footer
A clean, restrained dark footer with neatly structured link columns and subtle legal attribution.
- Mood
- quiet
- Layout
- 1 col · stacked · airy
