bnq brand

Logo

The full logo pairs the symbol with the wordmark. Use the symbol alone only when space is tight — an app icon, a favicon, a social avatar.

Full logoSymbol + wordmark · on lightDownload SVG ↓Full logoSymbol + wordmark · on darkDownload SVG ↓SymbolSymbol only · on lightDownload SVG ↓SymbolSymbol only · on darkDownload SVG ↓

Minimum clear space around the mark is 2x, where x is the width of the mark’s solid structural arm. Between symbol and wordmark, keep at least 1.5x. Nothing — text, imagery, a page edge — enters that space.

Color variants

Primary color is the default, always. Grayscale and monochrome exist for the rare context that cannot carry the brand orange — print, engraving, a single-color stamp — not as a stylistic choice.

Primary color

Default. Use this unless you have a specific reason not to.

Grayscale

Two-tone gray. For contexts that print in grayscale only.

Monochrome

One color, one opacity ramp. For a single-color print or stamp.

Colors

Four colors, always — the same values the logo files themselves use, not a separate palette that could drift from them.

Typography

Geist, regular and medium weight only — medium for headings and button labels, regular for everything else. A third weight is never a fix; it means the hierarchy is wrong at that spot.

bnq.me

abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789

App icons

Generated from the same vector mark used everywhere else — not redrawn — so they stay correct at any export size.

Rounded squareCircle

Do and don’t

The mark is precise geometry — it only reads correctly when it stays that way.

✓ Keep the clear space

✕ Don’t crowd it — text or imagery inside the 2x margin

✓ Use the brand colors

✕ Don’t recolor it — any hue outside the four above

✓ Keep it upright

✕ Don’t rotate it — no angle reads as a variant

✓ Keep its proportions

✕ Don’t stretch or skew it — the isometric angles are fixed

In use

Two examples already shipping — a share image and an app-icon treatment.