Grid Systems in Graphic Design by Josef Müller-Brockmann

Grid Systems in Graphic Design

Josef Müller-Brockmann / 1981

The definitive guide to grid-based design, Müller-Brockmann's classic demonstrates how systematic structure creates visual harmony. Its stark black-and-white palette with red accents is pure Swiss rationalism made visible.

graphic-designswiss-styletypographygrids

Extracted Palette Palettes are free. Exports aren't.

#FFFFFF background RGB 255 255 255
#1A1A1A ink RGB 26 26 26
#E63B2E accent RGB 230 59 46
#7D7D7D support RGB 125 125 125
#C8C8C8 neutral RGB 200 200 200
Processed in 0ms

CSS Variables

:root {
  --palette-background: #FFFFFF;
  --palette-ink: #1A1A1A;
  --palette-accent: #E63B2E;
  --palette-support: #7D7D7D;
  --palette-neutral: #C8C8C8;
}

Tailwind Config

{
  "palette-background": "#FFFFFF",
  "palette-ink": "#1A1A1A",
  "palette-accent": "#E63B2E",
  "palette-support": "#7D7D7D",
  "palette-neutral": "#C8C8C8"
}

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.