Minimalism

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(99% 0 0)
--fg oklch(13% 0 0)
--muted oklch(58% 0 0)
--surface oklch(100% 0 0)
--surface-2 oklch(97% 0 0)
--border oklch(92% 0 0)
--accent oklch(13% 0 0)
--accent-fg oklch(99% 0 0)
--focus oklch(13% 0 0)

Token	Value
--font-body	`'Inter', system-ui, sans-serif`
--font-display	`'Inter', system-ui, sans-serif`
--font-mono	`ui-monospace, 'SFMono-Regular', monospace`
--radius	`0px`
--radius-sm	`0px`
--shadow	`none`
--shadow-lg	`0 4px 20px oklch(0% 0 0 / 0.07)`

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500&display=swap');

:root {
	--bg: oklch(99% 0 0);
	--fg: oklch(13% 0 0);
	--muted: oklch(58% 0 0);
	--surface: oklch(100% 0 0);
	--surface-2: oklch(97% 0 0);
	--border: oklch(92% 0 0);
	--accent: oklch(13% 0 0);
	--accent-fg: oklch(99% 0 0);
	--focus: oklch(13% 0 0);
	--font-body: 'Inter', system-ui, sans-serif;
	--font-display: 'Inter', system-ui, sans-serif;
	--font-mono: ui-monospace, 'SFMono-Regular', monospace;
	--radius: 0px;
	--radius-sm: 0px;
	--shadow: none;
	--shadow-lg: 0 4px 20px oklch(0% 0 0 / 0.07);
}

Where it came from

Origin: Digital extension of minimalist art and Dieter Rams's industrial design principles

Digital minimalism draws on 1960s minimalist art and the industrial design principles of Dieter Rams, whose ten principles, formed during his decades at Braun, end with 'good design is as little design as possible'. In digital products it emerged as a reaction against the cluttered portals of the 2000s, accelerated by flat design's rejection of decoration, and reached its apex in the clean white interfaces of Apple's post-iPhone era and Scandinavian SaaS companies of the 2010s.

How to spot it

Near-monochrome palette — often white, light grey, one accent at most
Abundant negative space used as a design element, not waste
Typography as the primary visual element
Every interactive element justified; nothing decorative

Trade-offs

Strengths	Weaknesses
Content reads without visual competition	Empty space without tension reads as unfinished, not minimal
Loads fast and maintains performance budgets easily	Difficult to communicate brand personality beyond 'clean'
Ages very well — absence of trend markers means it stays current	Very easy to mistake emptiness for minimalism

In the wild

Notion's original interface
Google Search results page
Linear's app interface

Use it when

Tools and dashboards where the content is the product and chrome should disappear.