Screenshot of The Brand Identity

The Brand Identity

the-brandidentity.com

The reference for editorial design publications — centred italic-serif wordmark, light-grey paper background, mixed Times-serif body + Bauhaus-sans chrome, content-density home grid.

Editorial Publishing Design Publication strong

Design tokens

paperLight
paperDefault
paperSurface
white
black
blackText
grey
display
Times Now
body
NB International Pro
italic
Times

Do / Don't

Reference it for

  • Light-grey paper background (rgb(238, 238, 238) / rgb(245, 245, 245) / rgb(229, 229, 229) family) — no pure white, no pure black surface
  • Pure black rgb(0, 0, 0) body type on light-grey paper — maximum contrast for reading
  • rgb(160, 160, 160) mid-grey for muted metadata only (2 hits)
  • No chromatic accent anywhere on site chrome — colour comes from the article illustrations themselves (the CCAI pink card)
  • Times Now italic serif for wordmark + headlines (Newlyn / commercial revival)
  • NB International Pro for chrome / nav / metadata (Lineto Bauhaus sans)
  • Dual-register typography: italic-serif content + sans chrome
  • 13-step type scale (10-70px) — most steps in the library

Do not copy

  • The Times Now italic serif licence (Newlyn-owned commercial typeface)
  • The NB International Pro licence (Lineto-owned)
  • The exact "The — Brand Identity" wordmark with em-dash separator
  • The "Features, Store, Jobs" comma-separated nav phrasing
  • The pink CCAI featured card illustration
  • The Flodesk newsletter integration if a lighter ESP is preferred
  • The Facebook Pixel tracker unless the brand actually uses Meta ads
  • The themed-adjective section H2s ("Damn good decks") unless brand voice is comparably playful-British

Signature moves

grey-paper editorial canvas

a light-grey paper background (rgb(238,238,238) family) carries pure-black body type with mid-grey rgb(160,160,160) for metadata only, no chromatic accent on chrome and 0 box-shadows.

dual-register italic-serif plus sans chrome

a Times-Now-class italic serif sets the centred wordmark and headlines while a Bauhaus-sans handles nav, metadata and chrome, across a dense 13-step 10-70px scale at only two weights.

narrow editorial feature grid

a content-dense home grid uses 746-978px reading widths, a 34px horizontal gutter with variable 20/40/50px vertical gaps, opening on a featured-article card with italic-serif headline and first-line preview.

Related references

Screenshot of Aesop

Aesop

flagship

Consumer Brand

an editorial e-commerce reference where Suisse Intl on warm-cream `#fffef2`, a modular 1.13 type ratio, and full-bleed photography do all the work - no display face, no accent colour, no motion of consequence.
Screenshot of Anthropic

Anthropic

flagship

Developer Tool

a warm ivory-and-slate site where editorial serif typography, a single clay accent, and unhurried 0.8s expo reveals reframe AI as a humanist research practice rather than a product to sell.
Screenshot of Ceremony Coffee

Ceremony Coffee

strong

Hospitality

a Maryland coffee roaster on Shopify that reads like an editorial magazine, warm off-white paper grounds, an Avenir-plus-Meta-serif pairing, large lifestyle photography of brewed coffee on linen, and a calm 0.15s fade discipline that keeps a busy commerce catalogue feeling unhurried.
Screenshot of Dropbox

Dropbox

flagship

Saas Product

The reference for a 700-million-user product brand at restraint: cream "coconut" backgrounds, one saturated blue CTA, real product UI rendered enormous, and a 13-section page that never raises its voice.