Brutalism
Design that speaks before you do.
Harsh layout, softened with rounded type.
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
Keeps brutalism’s structural honesty — visible grids, bold blocks of color — but rounds the corners and softens the shadow, so it reads approachable instead of aggressive.
Start something in this style
Leave an address and we’ll send the working files, the type scale, and the palette.
Reference · Soft Brutalism
When to use it
- Consumer apps that want personality without harshness.
- Landing pages for younger or lifestyle brands.
- Anywhere bold color needs to feel friendly.
Build spec
- Palette
- type
- Grotesk display, medium weight, generous line height
- borders
- 3px solid, 20px radius
- spacing
- Padded blocks with breathing room
Reference gallery
Reference 1
Reference 2
Reference 3
Reference 4