The Vignelli Canon by Massimo Vignelli

The Vignelli Canon

Massimo Vignelli / 2009

Vignelli's distilled design philosophy, freely distributed as a PDF manifesto. Pure black on white with Helvetica and punches of red — the New York subway map designer's uncompromising approach to visual order.

graphic-designmodernismphilosophy

Extracted Palette Palettes are free. Exports aren't.

#FFFFFF background RGB 255 255 255
#000000 ink RGB 0 0 0
#D50000 accent RGB 213 0 0
#616161 support RGB 97 97 97
#E0E0E0 neutral RGB 224 224 224
Processed in 0ms

CSS Variables

:root {
  --palette-background: #FFFFFF;
  --palette-ink: #000000;
  --palette-accent: #D50000;
  --palette-support: #616161;
  --palette-neutral: #E0E0E0;
}

Tailwind Config

{
  "palette-background": "#FFFFFF",
  "palette-ink": "#000000",
  "palette-accent": "#D50000",
  "palette-support": "#616161",
  "palette-neutral": "#E0E0E0"
}

Pro Exports Pro

Unlock for £4/month
AI-ready Export this palette as COLORS.md for Claude, Cursor, and Windsurf.

Warm Monochrome Ramp

PAPER 100
WARM 200
WARM 300
WARM 400
WARM 500
WARM 600
INK 900

Your turn. Extract your own.