Typography by Emil Ruder

Typography

Emil Ruder / 1967

Ruder's foundational text on typographic composition from the Basel School. Severe black-and-white layouts with the occasional warm orange accent — a masterclass in disciplined visual hierarchy.

typographyswiss-styleeducation

Extracted Palette Palettes are free. Exports aren't.

#EDEDED background RGB 237 237 237
#0D0D0D ink RGB 13 13 13
#FF6F00 accent RGB 255 111 0
#424242 support RGB 66 66 66
#B0B0B0 neutral RGB 176 176 176
Processed in 0ms

CSS Variables

:root {
  --palette-background: #EDEDED;
  --palette-ink: #0D0D0D;
  --palette-accent: #FF6F00;
  --palette-support: #424242;
  --palette-neutral: #B0B0B0;
}

Tailwind Config

{
  "palette-background": "#EDEDED",
  "palette-ink": "#0D0D0D",
  "palette-accent": "#FF6F00",
  "palette-support": "#424242",
  "palette-neutral": "#B0B0B0"
}

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.