Bauhaus

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(96% 0.008 85)
--fg oklch(8% 0 0)
--muted oklch(44% 0 0)
--surface oklch(98% 0.004 82)
--surface-2 oklch(91% 0.01 82)
--border oklch(74% 0 0)
--accent oklch(52% 0.24 26)
--accent-fg oklch(99% 0 0)
--focus oklch(52% 0.24 26)

Token	Value
--font-body	`'Josefin Sans', 'Futura', system-ui, sans-serif`
--font-display	`'Josefin Sans', 'Futura', system-ui, sans-serif`
--font-mono	`'Josefin Sans', monospace`
--radius	`0px`
--radius-sm	`0px`
--shadow	`none`
--shadow-lg	`4px 4px 0 oklch(8% 0 0)`

@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;400;600;700&display=swap');

:root {
	--bg: oklch(96% 0.008 85);
	--fg: oklch(8% 0 0);
	--muted: oklch(44% 0 0);
	--surface: oklch(98% 0.004 82);
	--surface-2: oklch(91% 0.01 82);
	--border: oklch(74% 0 0);
	--accent: oklch(52% 0.24 26);
	--accent-fg: oklch(99% 0 0);
	--focus: oklch(52% 0.24 26);
	--font-body: 'Josefin Sans', 'Futura', system-ui, sans-serif;
	--font-display: 'Josefin Sans', 'Futura', system-ui, sans-serif;
	--font-mono: 'Josefin Sans', monospace;
	--radius: 0px;
	--radius-sm: 0px;
	--shadow: none;
	--shadow-lg: 4px 4px 0 oklch(8% 0 0);
}

Where it came from

Origin: Weimar, Dessau and Berlin, Germany

Founded by Walter Gropius in Weimar in 1919, the Bauhaus fused fine art with industrial production through a workshop model that placed students alongside master craftspeople in typography, metalwork, weaving and architecture. Herbert Bayer designed Universal, a single-alphabet sans-serif; László Moholy-Nagy explored typography as spatial composition. The Nazi regime forced the school to close in 1933, scattering its teachers to Chicago, New York and London — which is why Bauhaus thinking permeated mid-century American design.

How to spot it

Primary colours — red, yellow, blue — plus black and white only
Geometric shapes: circle, triangle, square as the design vocabulary
Sans-serif type, often all-lowercase, at bold weights
Form follows function: every ornamental element must justify itself

Trade-offs

Strengths	Weaknesses
Vocabulary of shapes and colour is immediately recognisable	Overused in centenary retrospectives and design-tool branding
Translates well to UI because it predates the print–screen distinction	Primary-colour palette can feel childish without careful tonal weight
Strong horizontal–vertical grid holds complex layouts together	No obvious typographic personality — Universal is rarely available

In the wild

Joost Schmidt's 1923 Bauhaus exhibition poster
Marcel Breuer's Wassily Chair
Moholy-Nagy typographic experiments

Use it when

Design, education, craft or cultural brands that want to signal rigour and historical weight without nostalgia.