/design brand kit
Design language
The brand kit: colours, type, and the NB mark in every format you need. SVG when you can, PNG when you cannot. Use freely.
01 / LogoThe mark
The mark,
in every light
Three ellipses, an NB monogram, and orbiting signal-orange dots. The mark is drawn in
currentColor, so it takes the ink of whatever sits behind it: dark ink on bone,
light on ink. Copy the SVG or download a standalone file tuned for each background.
02 / ColoursThe palette
Bone, ink,
and one loud orange
Warm bone grounds, deep ink for type, signal-orange for the one thing that should move you. Authored in OKLCH for even, perceptual steps. Click any swatch to copy its value.
03 / TypeThe voice
Bricolage loud,
JetBrains quiet
Two faces do all the talking. Bricolage Grotesque carries the display: oversized, tight, and cut both solid and outlined. JetBrains Mono handles the labels and the small print.
abcdefghijklm 0123456789
Use for headlines, the hero, numbers. Weight 800, tight tracking.
Eyebrow · weight 500
Section marker
Meta column · weight 400
Use for eyebrows, micro-labels, meta. Upper, wide tracking.