Press kit
Sidekick brand assets.
Open source. Use freely. The logomark is the only thing we'd ask you not to modify.
Color
Pure grayscale. No chroma, no warm/cool bias. Five tones, one rule: ink on paper or paper on ink.
Ink
#252525
Charcoal
#545454
Mid
#7D7D7D
Light
#CFCFCF
Paper
#F5F3EF
Marks
The S-shaped mark, four variants for every surface. Strokes only, no fills, scales to any size.
Wordmarks
"Sidekick" set in Inter 600 with -1.5% letter-spacing. Use at 24px or larger; below that, the mark alone.
Lockups
Mark + wordmark, pre-arranged. Horizontal for headers, stacked for square placements.
Favicons
Every browser, every OS, every size. The SVG is the source of truth.
| File | Size | Use | |
|---|---|---|---|
| favicon.svg | Vector | Modern browsers. Sharp at any size. | Download |
| favicon.ico | Multi-resolution (16/32/48) | Legacy browsers, Windows. | Download |
| favicon-16.png | 16 × 16 | Browser tab, low-DPI. | Download |
| favicon-32.png | 32 × 32 | Browser tab, HiDPI. | Download |
| favicon-48.png | 48 × 48 | Windows site icon. | Download |
| apple-touch-icon.png | 180 × 180 | iOS home screen. | Download |
| android-icon-192.png | 192 × 192 | Android home screen, baseline. | Download |
| android-icon-512.png | 512 × 512 | Android home screen, splash. | Download |
| android-icon-1024.png | 1024 × 1024 | Play Store listing. | Download |
OpenGraph
1200 by 630. Use the PNG for maximum compatibility, the SVG when you can.
Usage
- 01 Use ink on paper, paper on ink. No other colors.
- 02 Minimum clear space around the mark equals one stroke width.
- 03 Wordmark at 24px or larger. Below that, mark only.
- 04 Don't recolor, outline, skew, or rotate the mark.
- 05 Don't add a tagline to the lockup — the wordmark is the wordmark.