Logo Usage & Wordmark
The logo is a custom-drawn wordmark: BAFOS in heavy geometric capitals, with the O carrying a centred dot, the core dot. The dot is the only coloured part. The wordmark is drawn on a 100-unit cap height with a 16-unit stroke, and is supplied as SVG. Use the files; never retype the name in a font.
Variants
| File | Use on |
|---|---|
bafos-wordmark.svg | Paper, white and light surfaces. Ink letters, ignition dot. The default. |
bafos-wordmark-reversed.svg | Ink, dark surfaces and photography with a dark overlay. Paper letters, ignition dot. |
bafos-wordmark-mono-ink.svg | One-colour print, stamps, fax-quality contexts. All ink, dot included. |
bafos-mark.svg | App icon, favicon, avatar. Ring and dot on an ink rounded square. |
Ink in the files is #0F1420#F7F6F2#EB4A14brand-ink, brand-paper and brand-ignition.
Clear space
Keep a margin around the wordmark equal to the height of the F's top arm times 3, which is the same as half the cap height. Nothing enters that space: not text, not another logo, not the edge of the page. The mark (ring and dot) takes a margin of one quarter of its width.
Minimum size
- Wordmark: 16px tall on screen, 8mm tall in print. Below that, use the mark.
- Mark: 16px square for favicons; use the provided SVG, which holds up at that size.
Placement
- Top-left of an app header, at 24px tall, with
space-4padding. - Centred on a title or sign-in screen, at 32px to 48px tall.
- On marketing pages, 28px tall in the nav and larger as an opener, never larger than the headline it sits with.
Do not
- Do not recolour the letters. Ink or paper only, plus the ignition dot.
- Do not change the dot colour, remove the dot, or add a second dot.
- Do not stretch, skew, rotate, outline, add shadows, glows or gradients.
- Do not rebuild the wordmark in Space Grotesk or any other font. The S and A are drawn.
- Do not place the default wordmark on a mid-tone or busy background. Use the reversed file on dark, or put the wordmark on a plain panel.
- Do not use the mark as a bullet or a loading spinner.
- Do not put the ignition dot on an ignition background. On ignition use the mono-ink wordmark.
Wordmark and name in text
In running text write BAFOS in capitals, in the surrounding font and weight. Do not use the logo inline in sentences. In a headline, the name is set in Space Grotesk 700 and is not a substitute for the logo.
