Logo
Monogram Mark
The primary logo mark is the [BJ] monogram — a bracketed monospace identifier that references both a code terminal and the initials Brett Johnson.
[ BJ ][and]are rendered in Primary Red (#CC0000)BJis rendered in Off-white (#F5F5F5) on dark, or Charcoal (#1A1A1A) on light- Font: JetBrains Mono, 700 weight
Wordmark Variants
| Variant | Composition | Usage |
|---|---|---|
| Full Dark | [BJ] + “Brett Johnson” | Primary — dark backgrounds |
| Full Light | [BJ] + “Brett Johnson” | Light backgrounds |
| Monogram Only | [BJ] | Favicon, social avatars, small formats |
| With Tagline | Full + “The Original Internet Godfather” | Speaker bureau, press kits |
File Formats
All logo files live in apps/design/src/assets/ for the design site and should be published to Cloudflare R2 for use by press:
| File | Format | Usage |
|---|---|---|
logo-dark.svg | SVG | Dark background digital |
logo-light.svg | SVG | Light background digital |
logo-monogram.svg | SVG | Favicon, avatar |
logo-dark.png | PNG 2× | Embedding in documents |
logo-white.png | PNG 2× | Print on dark stock |
Clear Space
Maintain a minimum clear space around the logo equal to the cap-height of the [ character on all sides. Do not place text, imagery, or other UI elements within this zone.
┌ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ┐ │ [cap-h] │ │ [cap-h] [BJ] [cap-h] │ │ [cap-h] │ └ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ┘Minimum Size
| Context | Minimum Width |
|---|---|
| Digital (screen) | 120px |
| 30mm | |
| Favicon / avatar | 32px (monogram only) |
Prohibited Uses
- Do not rotate the logo
- Do not change the bracket color from brand red
- Do not apply drop shadows or gradients
- Do not stretch or distort the aspect ratio
- Do not place on low-contrast backgrounds where red is not legible
- Do not use the logo on busy photographic backgrounds without an overlay or container
On Photography
When overlaying the logo on the speaker photos used in the hero section, place it on the overlay panel (dark gradient region), never directly on the subject’s face or clothing.