Skip to content

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)
  • BJ is rendered in Off-white (#F5F5F5) on dark, or Charcoal (#1A1A1A) on light
  • Font: JetBrains Mono, 700 weight

Wordmark Variants

VariantCompositionUsage
Full Dark[BJ] + “Brett Johnson”Primary — dark backgrounds
Full Light[BJ] + “Brett Johnson”Light backgrounds
Monogram Only[BJ]Favicon, social avatars, small formats
With TaglineFull + “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:

FileFormatUsage
logo-dark.svgSVGDark background digital
logo-light.svgSVGLight background digital
logo-monogram.svgSVGFavicon, avatar
logo-dark.pngPNG 2×Embedding in documents
logo-white.pngPNG 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

ContextMinimum Width
Digital (screen)120px
Print30mm
Favicon / avatar32px (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.