Brutal · Raw · High Contrast
VOID. Brutalism
A deliberately raw portfolio system built from exposed grids, hard shadows, primary colors and oversized type.
01
Preview
Live HTML · responsive · interactive
02
Design Principles
The decisions that make the style coherent.
- 01
Expose the grid instead of disguising structure.
- 02
Use primary colors as decisive signals, never decoration.
- 03
Keep every corner square and every shadow hard.
- 04
Let oversized uppercase type carry the composition.
03
Colors
Ink#000000
Paper#F5F5F0
Red#FF0000
Blue#0000FF
Yellow#FFD700
04
Typography
DisplayAnton
Uppercase · 0.85 line-height
BodySpace Mono
400 / 700 · utilitarian mono
05
Components
- Fixed navbar↗
- Manifesto grid↗
- Work gallery↗
- Impact metrics↗
- Native FAQ↗
- Hard-shadow CTA↗
06
Patterns
- Visible borders◆
- Merged grids◆
- Alternating process rows◆
- Zero-radius surfaces◆
- Instant interactions◆
READY TO USE
Download design.mdGive your agent a point of view.
Download the complete specification and add it to your project context.