04 UI KIT · IN-APP SCREENS

# In a reader's hand.

The pagebird app extends the brand vocabulary into a phone screen. Cream is the page; forest is the chrome. The bookmark from the cover becomes the "live" state. The wordmark stays italic, but everything else in the UI is set in Nunito for clarity at small sizes.

01

## Three core screens

Home · Club · Discover
9:41●●●●
Good morning
CW

## Your next chapter.

Fiction
The Lying Game
Reading
The Lying Game
62% · 3 days left to meetup
Your clubs
The Bookworms
Meets Sun · 7:30pm
3 NEW
m
Memoir Society
Hosting next month
→
Home
Clubs
Discover
You
01HOME
9:41●●●●
Club · 18 readers

## The Bookworms

Brooklyn · Translated fiction · Sunday meetups
MAR
16
March meetup
Sun · 7:30pm · Spoonbill
Reading now
The Lying Game
The Lying Game
Ruth Ware · 384pp
"Should we read 'A Field Guide' next?" — Sarah J.
Home
Clubs
Discover
You
02CLUB · FOREST
9:41●●●●
Discover · Brooklyn

## Find your
next club.

Search clubs, books, members
All Fiction Memoir Translated
Editor's pick
The Long Sentences
12 readers · meets monthly · Carroll Gardens
The Bookworms
18 members · 3 spots
→
Memoir Society
9 members · open
→
Home
Clubs
Discover
You
03DISCOVER

### In-app rules of thumb

- Cream is the page. Use as the default app background.
- Forest is the chrome. Tab bars, club covers, modal backdrops.
- Coral is the bookmark. Live states, "new" indicators, primary CTAs in cream surfaces.
- Gold is on forest. Active tabs, primary CTAs in dark surfaces.
- Use Fraunces for titles & book titles. Nunito for everything else in-app.
- Status, meta, and chrome stay tight (Inter or Nunito at 9–11px, 0.16–0.32em tracking).