Brutalism
Design that speaks before you do.
Raw structure, exposed edges, no apology.
What we do
Structure first
A grid you can feel even when you can't see it. Every block lands where the eye already expected it.
Type that carries
One family, a strict scale, no decorative detours. Hierarchy does the talking.
Colour with intent
A single accent doing the work of five. Restraint is what makes it land.
Type specimen
Aa
DisplayAesthetic as a system
HeadingAesthetic as a system
BodyAesthetic as a system
CaptionAesthetic as a system
The vibe
Neo-brutalism refuses to hide the machinery. Thick borders, hard offset shadows, and raw flat color read as confident rather than unfinished — a reaction against a decade of soft gradients and rounded everything.
Start something in this style
Leave an address and we’ll send the working files, the type scale, and the palette.
Reference · Neo-Brutalism
When to use it
- Portfolios and studio sites wanting to signal confidence over polish.
- Products for a technical or design-literate audience.
- Anywhere a "handmade" edge helps you stand apart from templated SaaS.
Build spec
- Palette
- type
- Grotesk display, tight tracking, oversized weights
- borders
- 4px solid, hard edges, no radius
- spacing
- Dense blocks, offset shadows instead of blur
Reference gallery
Reference 1
Reference 2
Reference 3
Reference 4