Brutalist / Editorial
Also known as: Web brutalism, Raw design, Anti-aesthetic, Deconstructed
Deliberately raw, confrontational, and confident — using system fonts, visible grids, stark black-and-white contrasts, and structural exposure to signal intellectual credibility.
Color Palette
Click any swatch to copy its hex code.
Typography
Heading Font
Space MonoSpace Mono
Monospace that feels typewritten and uncompromising.
Body Font
The quick brown fox jumps over the lazy dog. Courier Prime.Courier Prime
Raw typewriter energy for body copy; deliberately not 'designed.'
Key Characteristics
layout
Visible borders everywhere, intentional misalignment, columns that feel structural not decorative, tabloid-style text density
imagery
High-contrast B&W photography, documentary style, unretouched shots
icons
Often entirely absent — replaced by bold text labels
textures
None — the structure IS the decoration
spacing
Dense or aggressively sparse depending on interpretation
Usage Guide
When to Use
Use for brands that have extremely strong conceptual identity and want to signal intellectual credibility or artistic rebellion. Best for art, fashion, or editorial brands.
When NOT to Use
Avoid for any hospitality brand that needs to make food look appealing, or any service business that needs to feel approachable and warm. Brutalism actively repels casual or mainstream audiences.
Live Preview
Simulated café website using this theme
Our Signature Menu
Real Website Examples
Bloomberg
The editorial, data-heavy layout with stark type hierarchy and minimal decoration is a modern take on brutalist editorial design.
Craigslist
Unintentional brutalism that has become iconic for its raw, undesigned utility.
Balenciaga
The luxury fashion brand deliberately uses extreme minimalism/brutalism to signal post-aesthetic confidence.