Brand
Logo
The Viewfinder mark is a crash-test target framed by camera corners. Keep the corners: without them the target is a generic crash-test symbol.
| File | Use |
|---|---|
logo/mark.svg | The mark on light backgrounds |
logo/mark-mono-black.svg and logo/mark-mono-white.svg | One-colour printing and embossing |
logo/lockup-horizontal.svg and logo/lockup-stacked.svg | The mark with the name, on light backgrounds |
logo/lockup-horizontal-dark.svg and logo/lockup-stacked-dark.svg | The same on dark backgrounds |
logo/readme-header-light.svg and logo/readme-header-dark.svg | The README header |
logo/favicon.svg and logo/favicon-*.png | Favicons at 16, 32, 180 and 512 pixels |
logo/social-card.png | Link previews at 1280 by 640 pixels |
The wordmark is Space Grotesk 600, converted to outlines. Space Grotesk is licensed under the SIL Open Font License 1.1.
Mascot
The Dummy is an original crash-test dummy head with a target on its temple. Use it in docs, empty states
and error pages, and keep it out of the logo. The files are in mascot/. The cautions about real
crash-test dummies and their trademarks are in docs/NAMING.md.
Colour
Amber is for graphics on light backgrounds. Its contrast against white is 1.89:1, too low for text, so light-theme text uses the darker text-amber instead.
| Role | Light theme | Dark theme |
|---|---|---|
| Amber (graphics) | #fbad18 | #fbad18 |
| Text-amber | #8a5a00 (5.93:1) | #fbad18 (9.56:1) |
| Ink | #1d1d1b (16.88:1) | #f3f1ec (16.03:1) |
| Paper | #ffffff | #161616 |
| Pass | #1a7f37 (5.08:1) | #57d273 (9.37:1) |
| Blocker | #cf222e (5.36:1) | #ff7b72 (7.18:1) |
Ratios are WCAG 2 contrast against the paper of the same theme. Every text colour meets AA.
Type
Sizes and line heights are in docs/TYPOGRAPHY.md.