Brand
The logo, the favicons, the colours, and the type. Take the one file you need, or the whole pack with the guide inside.
Download the media pack, zipThe logo
A floor plan of one room, seen from above. The square is the wall. The break in the top wall is the one door the policy opens. The dot is the agent, inside, away from the door. The drawing never changes while it is shown, because the walls do not move while the agent runs.
Every version also comes in black and white, as a vector PDF for print, and in PNG and WEBP at several sizes, in the pack. In the file names, dark and light describe the artwork, not the background.
Using it
- Proportions. The word is Chakra Petch 700 in title case. The mark is 0.9 times the height of the type and sits centred on the capitals, not on the line. The gap to the B is 0.4 times the type size. The files already have this. Do not rebuild the lockup by hand.
- Clear space. Half the height of the mark on every side. Nothing goes in it.
- Smallest size. The lockup 16 px tall on screen and 25 mm wide in print. Below 32 px, use the favicon tile instead of the bare mark.
- Grounds. Ink on the ground, or the ground on cyan or paper. Never on magenta, never under the hard shadow, never under scanlines.
- Do not stretch, rotate, outline, or recolour it, set it in red, green, or magenta, round its corners, retype the word, or put it on a busy photo.
- OpenShell is the open source sandbox runtime Fenzi runs on. It is not our mark. Do not lock our logo up with it.
Colour
A game cabinet: a dark ground, one cyan, one magenta, and the paper clipping taped inside it. Green and red mean allow and deny, and nothing else.
- Ground
#0b0b14Page and screen background, the dark logo - Alt
#15152aAlternate levels, the HUD, floor tiles - Ink
#f1f0ffBody text, the light logo on the ground - Muted
#a6a3c8Secondary text, timestamps, legends - Cyan
#4ff2f0Primary: buttons, links, the title, open gates - Cyan deep
#1d9c9aThe cap edge under cyan - Magenta
#ff5ad9Secondary: labels, the ask gate, the second button - Magenta deep
#b0338fThe hard shadow under display type - Allow
#7cff9aOnly beside the word allow - Deny
#ff6b6bOnly beside the word deny - Paper
#f1f0ffThe opinion column and the docs - Paper ink
#1c1a2eText on paper
Ink on the ground is 17.4:1 and cyan on the ground 14.3:1. Paper ink on paper is 15.1:1. Cyan is 1.2:1 on paper, so paper never carries cyan text: the docs use #1d9c9a for marks and #b0338f for links.
Type
- Jersey 10
- Run the agent. Keep it in bounds.
- Display: the title, the big claims, quotes and prices, in sentence case, at multiples of ten pixels. One weight.
- Jersey 15
- Level 2 How it works Player The agent
- The HUD strips and the game's score line, at 19px. Nowhere else.
- Chakra Petch
- The agent gets the workspace. It does not get the keys.
- Body copy, commands, and interface text. 400, 500, 600, 700, and italic. The wordmark is the 700.
- Silkscreen
- 12:04:11 deny POST api.github.com/repos/acme/web/pulls
- Pixel labels, the nav, coin links, log lines, and button caps. 400 and 700, 11px and up, uppercase, never a paragraph.
- Newsreader
- So stop asking the model to be good.
- The paper clipping and the docs reading column only. 400, 500, and italic.
All five are free under the SIL Open Font License. The logo files are outlined, so you do not need any of them to use the logo.
Link preview
Download the media pack, zip