Graphic Design Manual by Armin Hofmann

Graphic Design Manual

Armin Hofmann / 1965

Hofmann's Basel School methodology distilled into a visual textbook. Almost entirely monochrome with occasional bursts of orange — the Swiss approach to teaching through contrast and restraint.

graphic-designswiss-styleeducation

Extracted Palette Palettes are free. Exports aren't.

#F0ECE2 background RGB 240 236 226
#1B1B1B ink RGB 27 27 27
#E65100 accent RGB 230 81 0
#616161 support RGB 97 97 97
#9E9E9E neutral RGB 158 158 158
Processed in 0ms

CSS Variables

:root {
  --palette-background: #F0ECE2;
  --palette-ink: #1B1B1B;
  --palette-accent: #E65100;
  --palette-support: #616161;
  --palette-neutral: #9E9E9E;
}

Tailwind Config

{
  "palette-background": "#F0ECE2",
  "palette-ink": "#1B1B1B",
  "palette-accent": "#E65100",
  "palette-support": "#616161",
  "palette-neutral": "#9E9E9E"
}

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.