Brand system
Logo kit
Ten leaves turning around an open hub, beside the name set in Libre Baskerville. Every file here is outlined vector or a ready-made PNG, so the logo looks the same everywhere without needing the font.
Lockups
Horizontal first, stacked when space is square
Use the horizontal lockup in navigation, headers, documents and slides. Use the stacked lockup on posters, banners and square spaces. On dark or crimson surfaces, switch to the white reverse.
Horizontal

Stacked

Symbol
Icons
Favicons, app icons and avatars
The favicon is the crimson symbol and turns soft white when the browser is in dark mode. App icons and the social avatar are the white symbol on a crimson square; leave the corners square, because iOS and most platforms round or crop them for you.
Rules
Clear space and minimum size
Keep a clear margin of one symbol width (x) on every side, measured at the size you are using. The files themselves have tight edges, so add this space in your layout.
Minimum sizes, shown at actual size
Colour
One crimson, plus ink and white
Do and don't
Keep the logo the logo
The symbol appears only as part of the logo. It is never a bullet, a pattern, a background or an illustration.
Use the crimson logo on paper or white.
Use the white reverse on dark levels, ink, photos and crimson.
Use the ink version when only one dark colour is available.
Put the crimson logo on a dark or level gradient. It disappears.
Stretch, squash or rotate the logo.
Retype the wordmark, set it in bold or re-space the lockup. Use the files.
Recolour it, or add gradients, shadows or outlines.
Use the symbol as a bullet, icon or decoration.
Use it as a watermark, pattern or background graphic.
Files
Every file in the kit
All lockups are outlined vectors with tight edges. Full notes are in README.txt.
| File | What it is | Use it for |
|---|---|---|
| horizontal.svg | Crimson symbol and wordmark | The primary logo on paper or white |
| horizontal-ink.svg | All ink | One-colour print, light backgrounds |
| horizontal-reverse.svg | All white | Crimson, ink, levels and photos |
| horizontal.png | 748 × 192, transparent | Places that do not take SVG |
| stacked.svg | Crimson symbol over wordmark | Posters, banners, square spaces |
| stacked-ink.svg | All ink | One-colour print |
| stacked-reverse.svg | All white | Dark and crimson backgrounds |
| stacked.png | 622 × 480, transparent | Places that do not take SVG |
| symbol.svg | Crimson symbol | Where the name is already shown nearby |
| symbol-ink.svg | Ink symbol | One-colour use |
| symbol-reverse.svg | White symbol | Dark and crimson backgrounds |
| favicon.svg | Crimson symbol, dark-mode aware | Browser tab icon |
| favicon-16.png, -32, -48 | Crimson symbol, transparent | Browser tab fallback |
| apple-touch-icon.png | 180 × 180, white on crimson | iPhone and iPad home screen |
| icon-192.png, icon-512.png | White on crimson | Web app manifest |
| social-avatar.png | 800 × 800, white on crimson | Profile pictures |
| README.txt | Colours, rules, file list | Handing the kit to someone else |






