Brand & Design System v1.0

WAYR

What Are You Reading?

Track · Discover · Connect · Read

Brand Identity

A well-loved bookshop,
not a database.

WAYR is an Australian-first social reading platform that makes tracking and discovering books feel intimate, warm, and effortless. We sit at the intersection of personal reading journal and vibrant book community.

Warm
Inviting textures, soft colours, generous whitespace
Confident
Opinionated curation, bold brand colour, strong hierarchy
Social
Clubs, shared shelves, activity feeds, conversations
Australian
Trove data, local publishers, landscape-inspired palette
Modern
Mobile-native, tactile interactions, beautiful motion
Voice & Tone
"What are you reading?"
A question you ask a friend. Conversational, never corporate.
Brief and punchy
Every word earns its place. Microcopy matters deeply.
Inclusive celebration
Romance, literary fiction, manga, audiobooks — all reading counts.
Lightly playful
Warm humour, never childish. We don't try too hard.
Colour System

Landscape-inspired,
designed to let covers shine.

Named after the Australian landscape — Wattle, Banksia, Eucalypt, Sandstone, Driftwood. Click any swatch to copy its hex value.

Primary Brand
Warm Neutrals
Accents & Semantics
Dark Mode Surfaces
Typography

Serif warmth meets
sans-serif clarity.

Libre Caslon for display — a classic book typeface that says "literary" without being stuffy. Inter for UI — the gold standard for interfaces.

Display · Libre Caslon
What are you
reading?
Heading One
Heading Two
"A reader lives a thousand lives before he dies. The man who never reads lives only one." — George R.R. Martin
Interface · Inter
Card Title · SemiBold 18
Body text at 16px. This is the workhorse — descriptions, reviews, and all primary content. Comfortable at any screen size.
Body small at 14px — metadata, secondary content, author names.
Caption · 12px Medium — Labels, timestamps, badges
PrimarySecondaryGhost
Components

The book cover is king.
Everything else supports it.

Interactive components designed for touch-first, with generous hit targets and satisfying micro-interactions. Hover cards below to see motion.

The Narrow Road to the Deep North
Richard Flanagan
Reading
Tomorrow, and Tomorrow, and Tomorrow
Gabrielle Zevin
Completed
Demon Copperhead
Barbara Kingsolver
Want to Read
Buttons
Badges & Ratings
ReadingCompletedWant to ReadAU
Search
App Screens

Mobile-native from day one.

Every screen is designed at 375px first, then scaled up. The web app is the prototype for native iOS and Android — bottom tabs, touch targets, and physical-feeling interactions.

9:41
Good evening
You're 67% through your current read
The Narrow Road to the Deep North
Richard Flanagan
Page 214 of 320
Want to Read
Friends' Activity
Sarah finished Demon Copperhead
2h ago
Tom started Intermezzo
5h ago
Home
Search
Library
Profile
Home
9:41
Judy Nunn
Sanctuary
Judy Nunn
AUFiction
Spiritwalker
Judy Nunn
AUFiction
Elianne
Judy Nunn
AUFiction
Maralinga
Judy Nunn
AUFiction
Home
Search
Library
Profile
Search
9:41
My Library
AllReadingCompletedWant
Narrow Road
Sanctuary
Tomorrow
Maralinga
Intermezzo
Demon C.
Home
Search
Library
Profile
Library
9:41
The Narrow Road to the Deep North
Richard Flanagan
AUHistorical Fiction · 352 pages
About
A sweeping novel about the brutality of war, the power of memory, and an impossible love. Winner of the 2014 Man Booker Prize...
Home
Search
Library
Profile
Book Detail
9:41
Good evening
3 books in progress
The Narrow Road
Richard Flanagan
23
books
14
days
6.2k
total
Recent Activity
You rated Sanctuary
1h ago
Sarah finished Demon Copperhead
3h ago
Home
Search
Library
Profile
Dark Mode
Dark Mode

First-class citizen,
not an afterthought.

Blue-tinted darks instead of pure black — easier on the eyes for long reading sessions. Brand Plum shifts to Orchid for proper contrast. Every combination meets WCAG AA.

The Bookshop
Penelope Fitzgerald
Theme buttons
PrimarySecondary
Inspiration

Standing on the shoulders
of great design.

Better Reading
Bold purple brand confidence, Australian book community energy
Fable
Dynamic cover color extraction, warm amber accents, social-first UX, generous whitespace
Literal
Clean minimalism, reading as a calm personal experience
StoryGraph
Beautiful data visualisation, reading stats done right
Arc Browser
Tasteful color theming, modern UI craft, delightful micro-interactions
Things 3
Best-in-class task UI — clear hierarchy, satisfying interactions
WAYR
An Australian-first social reading platform. This is a living design system — it evolves as the product grows from web to native.
Brand Guide v1.0 · 2026