Design kit
The ZAOstock look, to take away.
Our marks, colours and type, with the few rules that keep them looking right. Every file downloads. For press copy and partner logos, see the press page.
Signage
Signs for the day
Directional and welcome signs from Candy’s design system, at web size for screens and posts. Print versions come from her master files, so ask before printing any of these.
Illustrations
The poster pieces
Hand-drawn pieces to build a post or a flyer from. Keep them whole: no recolouring or cropping.
Signage and illustrations by Samantha “Candy”, CandyToyBox.
Colour
The poster inks
Candy's palette. It was first drawn from the 2026 badge, since retired; the colours stay.
red-500 #D2402A
Primary: the main button, stat values, the accent word in a headline.
red-300 #E8735C
Red on ink surfaces.
red-600 #B93826
Primary button ground.
red-700 #9C2F1E
Primary button hover and press.
gold-400 #E5AC3B
Gold badge, focus ring, the "stock" in the wordmark.
gold-300 #F2D48A
Gold tint.
gold-500 #C98F2A
Gold hover.
gold-600 #A8721C
Gold text on paper - the only gold that passes for text.
denim-400 #2E6494
Links, section eyebrows, denim badge.
denim-300 #7FA8C7
Denim on ink surfaces.
denim-500 #245078
Link hover.
denim-600 #1B3C5C
Link pressed, denim text on paper.
olive-400 #7C8A3D
The fourth ink. Used rarely.
olive-300 #A4AF6E
Olive on ink surfaces.
olive-500 #636F2F
Olive text on paper.
paper-100 #F2E6D3
Page ground.
paper-200 #FAF3E6
Cards, header, lighter ground.
ink-950 #241E15
Text, borders, shadows, and the dark ground the moose sits on.
Type
Three families
All three are open-licence and free to download from Google Fonts.
400
Boogaloo
Display: every heading, every big number. Never below 22px, never for a paragraph, never bold - it has no bold.
Get Boogaloo400, 500, 600, 700, 800
Rubik
Body and interface. Buttons and navigation in 700, uppercase, 0.04em tracking.
Get Rubik400, 700
Space Mono
Eyebrows, labels, times and tables. Labels in 700, uppercase, 0.12em tracking.
Get Space MonoUsage
The rules
The moose
- Drawn by attabotty. Credit the moose to attabotty.
- It is white on transparent. Put it on ink (#241E15) or another dark ground; on paper or a light photo it disappears.
- Use the file as supplied. Do not recolour, stretch, rotate, outline or add effects to it, and do not crop the antlers.
- Give it room. Nothing sits inside the antlers or touches the edge of the mark.
Credit
- Credit this colour and type system, the signage and the illustrations to Samantha "Candy", CandyToyBox.
- The red 2026 badge is retired and is not a ZAOstock mark. Do not use it.
Colour
- Paper is the ground, ink is the text, red is the only thing that asks to be clicked.
- Never pure white (#FFFFFF) for a surface and never pure black (#000000) for text.
- Gold 400 is never text on paper; it fails contrast. Use gold 600 for gold words.
The name
- ZAOstock: one word, capital ZAO, never hyphenated.