Brutalist

Raw, high-contrast, type-forward and deliberately unpolished.

What it is

Brutalism embraces default browser aesthetics, hard edges, loud type and stark contrast. It reads as honest, bold, and anti-corporate.

When to use

Portfolios, editorial, and culture brands that want to stand out and signal personality.

When not to

Trust-sensitive flows — finance, healthcare, checkout — where polish reassures the user.

14 examples

Apex Circuit - Winter Major 2026 Playoff Bracket — .gui preview
Apex Circuit - Winter Major 2026 Playoff Bracket Web
Openfloor - Where Should the Design System Live? — .gui preview
Openfloor - Where Should the Design System Live? Web
Pactline - Activity — .gui preview
Pactline - Activity Web
Bulletin · Lisboa, This Afternoon — .gui preview
Bulletin · Lisboa, This Afternoon iOS
HomeMatch - Rex St vs Woodstock — .gui preview
HomeMatch - Rex St vs Woodstock iOS
TAPE Terminal - US Momentum Watchlist — .gui preview
TAPE Terminal - US Momentum Watchlist Web
Ironline Push Day A, Bench Press — .gui preview
Ironline Push Day A, Bench Press iOS
Vitameter Glucose Day, Thu Aug 13 — .gui preview
Vitameter Glucose Day, Thu Aug 13 iOS
Halloran Studio Invoice INV-0042 — .gui preview
Halloran Studio Invoice INV-0042 iOS
Hammer Live Auction, Lot 24 — .gui preview
Hammer Live Auction, Lot 24 iOS
Meridian — Set Up Your Pipeline — .gui preview
Meridian — Set Up Your Pipeline Web
Kestrel & Vale — Deal Pipeline — .gui preview
Kestrel & Vale — Deal Pipeline Web
PostHog Mobile Analytics — .gui preview
PostHog Mobile Analytics iOS
Jungle Club — Plant Care — .gui preview
Jungle Club — Plant Care iOS