Dieter Rams

Live preview base style — press Wear

This month

$2,100

Revenue, up 12% from last month.

Customer	Plan	Status	MRR
Northwind	Studio	Active	$1,240
Acme Labs	Team	Trial	$0
Kaldi Coffee	Studio	Active	$860

Use this style 16 tokens

--bg oklch(97% 0.008 82)
--fg oklch(20% 0.006 60)
--muted oklch(50% 0.01 70)
--surface oklch(100% 0 0)
--surface-2 oklch(95% 0.006 82)
--border oklch(84% 0.01 80)
--accent oklch(60% 0.2 42)
--accent-fg oklch(99% 0 0)
--focus oklch(60% 0.2 42)

Token	Value
--font-body	`'Helvetica Neue', Helvetica, Arial, sans-serif`
--font-display	`'Helvetica Neue', Helvetica, Arial, sans-serif`
--font-mono	`ui-monospace, 'SFMono-Regular', monospace`
--radius	`2px`
--radius-sm	`2px`
--shadow	`none`
--shadow-lg	`0 2px 12px oklch(20% 0.006 60 / 0.1)`

:root {
	--bg: oklch(97% 0.008 82);
	--fg: oklch(20% 0.006 60);
	--muted: oklch(50% 0.01 70);
	--surface: oklch(100% 0 0);
	--surface-2: oklch(95% 0.006 82);
	--border: oklch(84% 0.01 80);
	--accent: oklch(60% 0.2 42);
	--accent-fg: oklch(99% 0 0);
	--focus: oklch(60% 0.2 42);
	--font-body: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	--font-display: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	--font-mono: ui-monospace, 'SFMono-Regular', monospace;
	--radius: 2px;
	--radius-sm: 2px;
	--shadow: none;
	--shadow-lg: 0 2px 12px oklch(20% 0.006 60 / 0.1);
}

Where it came from

Origin: Braun AG industrial design, Germany, 1955–1990s

Dieter Rams joined Braun in 1955 and led its design department from 1961 into the 1990s, producing radios, calculators, and hi-fi systems that defined functional beauty. His ten principles — including "good design is honest," "as little design as possible," and "good design is long-lasting" — influenced a generation of software designers. Jonathan Ive cited him as a direct reference for early Apple product design, and his influence is often noted in hardware such as Teenage Engineering's OP-1.

How to spot it

Warm white or cream body with grey-toned aluminium-like accents
Helvetica or equivalent grotesque — never decorative type
One pure-hue functional accent, often orange, red, or signal green
Strict grid: every element earns its place, negative space is intentional

Trade-offs

Strengths	Weaknesses
Timeless — resists trend cycles because it references function, not fashion	Can feel clinical or cold in emotional consumer contexts
Extremely clear visual hierarchy	Requires strict discipline to maintain — easy to add one element too many
Honest communication: the form follows and reveals the function	Minimal colour palette limits brand expression

In the wild

Braun T3 pocket radio
Braun ET 66 calculator
Vitsœ 606 Universal Shelving System

Use it when

Productivity tools, utility apps, or any product where clarity and longevity matter more than trend.