$ obp brand --list
> 5 marks · svg + png · 6 core colors

Brand assets.

Logos, marks, and colors for Offbeat Port and its products. Download the source SVG whenever possible — PNGs are provided in several sizes for places that can't take vectors.

/// logos & marks

Offbeat Port — primary logo

The full lockup, exactly as it appears in the site header: orange OBP badge plus the offbeat-port wordmark in JetBrains Mono Bold, outlined to paths. Use the dark-background variant on anything darker than mid-grey, the light one otherwise.

vector
on dark .svg ↓ on light .svg ↓
raster — on dark
512px ↓ 1024px ↓ 2048px ↓
raster — on light
512px ↓ 1024px ↓ 2048px ↓
Offbeat Port logo on dark
on dark
Offbeat Port logo on light
on light

Offbeat Port — app icon

Square mark for favicons, avatars, and app tiles. Same badge letterforms as the primary logo on a 10/64 rounded orange tile. Use the lockup wherever there is room for it; this is the fallback.

vector
obp.svg ↓
raster
256px ↓ 512px ↓ 1024px ↓
Offbeat Port icon on dark
on dark
Offbeat Port icon on light
on light

BurningDemand

Horizontal lockup for burningdemand.com — flame mark plus the BURNING DEMAND wordmark. Built to sit on a single line; don't stack it or split the mark from the wordmark.

vector
on dark .svg ↓ on light .svg ↓
raster — on dark
512px ↓ 1024px ↓ 2048px ↓
raster — on light
512px ↓ 1024px ↓ 2048px ↓
BurningDemand logo on dark
on dark
BurningDemand logo on light
on light

ColdVerdict

Product mark for coldverdict.com. Blue field with the verdict peak. Keep the rounded square — no cropping to a circle.

vector
coldverdict.svg ↓
raster
256px ↓ 512px ↓ 1024px ↓
ColdVerdict logo on dark
on dark
ColdVerdict logo on light
on light

AutonomyKernel

Product mark for autonomykernel.org. Transparent background; the SVG swaps to its light-on-dark palette automatically via prefers-color-scheme. The PNGs are the light-background variant.

vector
autonomykernel.svg ↓
raster
256px ↓ 512px ↓ 1024px ↓
AutonomyKernel logo on dark
on dark
AutonomyKernel logo on light
on light
/// colors — click any swatch to copy
/// product colors
/// typography & usage
  • Typeface: JetBrains Mono — 400 for body, 700 for headings. Fallback stack: ui-monospace, monospace.
  • Clear space: keep at least 25% of the mark's width free on all sides.
  • Minimum size: 24px for screen, 8mm for print.
  • Don't recolor, rotate, stretch, add effects, or place marks on busy imagery.
  • Don't rebuild the wordmark in another typeface — use the supplied files.
  • Questions or a format you don't see here? [email protected].
$ mail --to
[email protected]