Skip to main content

Brand

Northbridge brand system

A minimal, engineering-first identity built on a bridge-shaped ‘N’ — two pillars, one deliberate span. Use it consistently to signal reliability, craft, and scale.

Logo

Primary, horizontal, and icon marks

Four working variants covering light, dark, mono, and gradient contexts. Vector artwork is provided as SVG.

Northbridge primary logo
Primary — stacked with tagline
Northbridge horizontal logo
Horizontal — light background
Northbridge horizontal logo on dark
Horizontal — dark background
Icon — gradient
Icon — monochrome dark
Icon — reversed on brand

Symbol

A bridge, hidden in an N

Two vertical pillars connect through a single diagonal span. It reads first as an ‘N’, then as a bridge — the exact metaphor for what we build between systems and teams.

  • Geometric. Constructed on an 8-unit grid; every edge aligns to whole pixels down to 16px.
  • Premium gradient. Diagonal from Primary #0B1220 through a mid stop to Accent #2563EB.
  • Restraint. No gloss, no bevel, no shadow inside the mark. Depth comes from color transition alone.
  • Scalable. Works from 16px favicon to signage without redraw.

Usage

Clear space & minimum size

Give the mark room to breathe and never render it below the minimums below.

Clear space

Reserve padding equal to the height of the mark’s left pillar (1×) on every side.

Minimum size

Icon: 16px · Horizontal lockup: 96px wide · Primary lockup: 160px wide.

16
32
48
64
Do not
  • · Recolor the mark outside the approved palette.
  • · Add outer glow, drop shadow, bevel, or 3D effects.
  • · Rotate, skew, or stretch the mark.
  • · Place the gradient mark on a busy photograph without a solid plate.
  • · Recreate the wordmark in a font other than Manrope 700.
  • · Combine the mark with another logo without approved lockup rules.

Color

Palette & specification

Primary and Accent carry the identity. White, Light Gray, and Charcoal do the structural work.

Primary
#0B1220

Backgrounds, wordmark, headings

Accent
#2563EB

Interactive, links, focus, gradient stop

White
#FFFFFF

Surfaces, mark foreground on gradient

Light Gray
#E5E7EB

Dividers, subtle surfaces, borders

Charcoal
#1F2937

Body copy, secondary text on light

Brand gradient
linear-gradient(135deg, #0B1220 0%, #111a30 55%, #2563EB 100%)

Reserved for the brand mark, hero flourishes, and select CTAs. Never use as body-copy background.

Typography

Manrope, geometric and quiet

Manrope is the primary voice — a modern geometric sans with soft joints. Fall back through Plus Jakarta Sans and Inter.

Display · Manrope 700 · −0.025em

Building Software That Powers Business.

H1 · 600 · −0.025em

Section heading

H2 · 600 · −0.02em

Subsection heading

H3 · 600

Component title

Body · 400 · 1.65 leading

Northbridge builds durable software for small and midsize businesses — engineered like a bridge: thoughtful spans, honest materials, and load calculations you can audit.

Small · 500 · 0.14em tracking

Eyebrow / label

Mono / numeric

NBL-2026-000001 · 99.95%

Applications

Favicon, Apple touch icon, social avatar

Rendered from a single source of truth so every surface stays pixel-consistent.

Favicon
Favicon
/favicon.svg + .ico
Apple touch icon
Apple Touch Icon
512×512 PNG
Social Avatar
Icon mark, circular crop