Company · Brand
The Fold, Wren and one palette.
Everything you need to write about Workloom or show it next to your product. Free to use for press, partners and integrations.
The logo
The Fold: one strip, folded into a W.
Two front panels in indigo, two behind in a lighter indigo. Use the colour version on light grounds, the dark version on dark, the white one on indigo, a one-colour one on photos.
- At least 16 px tallThe mark; the lockup at least 88 px wide.
- Give it roomClear space all round of half the mark’s height.
- Never recolour a panelNo gradients, outlines, shadows, stretching or turning.
- Your pages, your nameClients’ pages carry their mark; ours stays small at the foot.
Wren
Small bird, big day.
Wren is Workloom’s assistant. It drafts, stages and suggests; a person approves. Use the pose that says what Wren is doing, and write Wren without “the”.
Idle
Thinking
Drafting
Found it
Needs you
Won deal
Flying
Resting
Colour
One palette, everywhere.
The colours the app uses are the colours used everywhere. Indigo is the only colour for actions; each block colour means one part of Workloom.
- #4450BEIndigoActions, links, the Fold
- #6E77CCIndigo backThe Fold’s back panels
- #16181FInkWords and black buttons
- #101217DarkDark grounds
- #FBF8F2CreamPages and print
The six block colours
- #14B8A6TealInbound: forms, meetings, booking
- #5B6CFFBlueOutreach
- #EC4899PinkSignals
- #F59E0BAmberData; the headline highlight
- #22C55EGreenThe CRM
- #8B5CF6VioletThe assistant, as a block
GoodSlowBrokenStatus is a dot and a word, never colour alone.120 credits Madder (#A8442C) is for money and limits only.
Type
Archivo for words, Plex Mono for numbers.
AaArchivoEvery word: the site, public pages and the app. Headlines 80/88, sections 44/50, body 16/25.
1,240credits · 04:15 ISTIBM Plex MonoEyebrows, prices, credits, counts, times and IDs: every number people compare.
The JournalNewsreaderFor the Journal and the occasional pull quote. Nowhere else.
Blocks and textures
Big shapes at the edges, never behind words.
- Over-underWhite at 13 to 33% on a block
- LinesAt 112°, on bars
- Grain10 to 35%, on every block
- SelvedgeSix colours, under the hero
Writing about us
Five things to get right.
- 1Write “Workloom”One word, capital W. Never WorkLoom, WL or all lower case in text.
- 2Wren takes no “the”“Wren drafted it”, never “the Wren” or “Wren AI”.
- 3Give the logo roomAt least 16 px tall, half its height clear all round.
- 4Keep the coloursNever recolour the Fold’s panels or add effects.
- 5Say what it doesPlain words; no hype, no emoji.