Scandinavian — Stylebook

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.016 78)
--fg oklch(22% 0.012 68)
--muted oklch(55% 0.012 72)
--surface oklch(99% 0.008 82)
--surface-2 oklch(93% 0.02 76)
--border oklch(85% 0.016 76)
--accent oklch(48% 0.1 210)
--accent-fg oklch(99% 0 0)
--focus oklch(48% 0.1 210)

Token	Value
--font-body	`'DM Sans', system-ui, sans-serif`
--font-display	`'DM Sans', system-ui, sans-serif`
--font-mono	`ui-monospace, 'SFMono-Regular', monospace`
--radius	`10px`
--radius-sm	`7px`
--shadow	`0 1px 4px oklch(22% 0.012 68 / 0.07)`
--shadow-lg	`0 8px 24px oklch(22% 0.012 68 / 0.1)`

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&display=swap');

:root {
	--bg: oklch(97% 0.016 78);
	--fg: oklch(22% 0.012 68);
	--muted: oklch(55% 0.012 72);
	--surface: oklch(99% 0.008 82);
	--surface-2: oklch(93% 0.02 76);
	--border: oklch(85% 0.016 76);
	--accent: oklch(48% 0.1 210);
	--accent-fg: oklch(99% 0 0);
	--focus: oklch(48% 0.1 210);
	--font-body: 'DM Sans', system-ui, sans-serif;
	--font-display: 'DM Sans', system-ui, sans-serif;
	--font-mono: ui-monospace, 'SFMono-Regular', monospace;
	--radius: 10px;
	--radius-sm: 7px;
	--shadow: 0 1px 4px oklch(22% 0.012 68 / 0.07);
	--shadow-lg: 0 8px 24px oklch(22% 0.012 68 / 0.1);
}

Where it came from

Origin: Denmark, Sweden, Norway and Finland — formalised through the Design in Scandinavia touring show of the 1950s

Scandinavian design was formalised through exhibitions in the 1950s and shaped by figures including Alvar Aalto (birch furniture), Hans Wegner (the Round Chair), and Arne Jacobsen (the Egg Chair). IKEA made its democratic ambition global. It differs from German functionalism in its warmth: natural materials, a palette drawn from Nordic landscapes (birch, fog, sea), and a preference for things that improve with age rather than look new forever.

How to spot it

Warm whites and naturalistic neutrals — birch, fog, sand, fjord blue
Material honesty: texture and grain visible in surfaces and backgrounds
Generous but not wasteful whitespace
Simple, humanist sans-serif or geometric type

Trade-offs

Strengths	Weaknesses
Universally approachable — nothing aggressive or exclusive	Risk of generic minimalism without distinct Nordic character
Warm without being sentimental	Very popular with lifestyle and DTC brands — easy to blend in
Works in light and dark contexts equally well	Natural textures are expensive to reproduce faithfully on screen

In the wild

IKEA product and catalogue design
Muuto furniture brand
Spotify's early interface design

Use it when

Lifestyle, wellness, home goods or any product that wants to feel warm, human and quietly premium.

Related styles

Minimalism Japanese Ma (間)Wabi-Sabi