03 UI KIT · COMPONENTS

# Pieces of a reading life.

The component vocabulary used across pagebird's marketing site, app, and investor materials. Buttons, inputs, cards, chips, navigation — set in cream and forest, paired with one accent at a time.

01

## Buttons

Coral · Forest · Gold · Ghost

Coral for primary CTAs on cream. Gold for primary on forest. Forest for solid secondary. Ghost for tertiary. One primary per screen.

On cream
Learn how it works
On forest
Sizes
02

## Forms

Inputs · groups · alerts
Standard fields
Email
Club name
What's the club about?
Inline / on forest
Free to join. No spam — just a note when we launch.
✓ You're on the list. We'll be in touch when pagebird is ready.
✓ Your reading list is saved.
⚠ The Bookworms meetup is in 30 minutes.
! We couldn't reach the server. Try again?
03

## Chips & badges

Tags · status · genre
Fiction Memoir Translated Live now Editor's pick Hosting 3 spots left
04

## Navigation

Pill nav · Tabs · Top bar
Pill nav · for marketing
pagebird
Mobile tab bar
Home
Clubs
Discover
Profile
05

## Cards

Club · Meeting · Quote · Stat
Editor's pick
The Bookworms
Brooklyn · 18 members · meets monthly

A slow, careful book club. Translated fiction, mostly. We read one book a month and meet on a Sunday afternoon.

SR
JM
CW
+5
Mar
16
March meetup
Sunday · 7:30pm · Spoonbill & Sugartown
SR
JM
CW
+ 5 going

Pagebird is the first reading app that doesn't feel like it's trying to sell me something.

CW
Charlotte Walker
Founder, The Bookworms
Spring 2026 · early access
2,400 readers waiting
38 cities
120 clubs forming
06

## Book primitives

Cover · spine · list row
Cover with bookmark
Translated
The Lying Game
RUTH WARE
Memoir
A Field Guide to Getting Lost
REBECCA SOLNIT
List rows · reading list
The Lying Game
Ruth Ware · 384 pages
Reading
A Field Guide to Getting Lost
Rebecca Solnit · 224 pages
Up next
Trust
Hernan Diaz · 416 pages
✓ Finished