A reaction against the polish of template-driven SaaS design. Brutalist sites look intentionally raw — default browser styling, visible borders, jarring type pairings, little to no decoration — asserting authenticity and rebellion against "safe" corporate UX.
Key traits
- High contrast
- Textured
- Rebellious
Origins
Brutalism began as an architectural movement in 1950s Britain and spread internationally through the 1960s and 1970s. It favored raw, exposed materials, especially unfinished concrete, and a monumental, functional approach. Graphic and web designers revived the attitude in the 2010s as a reaction to polished minimalism, translating the exposed structure of buildings into visible grids, default type, and unadorned layouts.
Visual language
Brutalist web design makes structure visible: hard grids, thick borders, raw HTML-like elements, default or system fonts, and large type that refuses to be subtle. Asymmetry, stark contrast, and unrefined details are intentional. Images may be low-fi or unstyled. Color is often monochrome with one jarring accent. The page should feel functional and direct, not carefully softened.
Palette and type
Black, white, grey, and raw concrete tones dominate, with occasional red, blue, or acid accents. Typography is unrefined and deliberate: system fonts, monospaced text, default-looking links, huge headlines, and little concern for elegant spacing. The type is part of the exposed structure.
What it signals
Brutalism signals honesty, defiance, and anti-corporate energy. It can feel bold and memorable, or hostile and hard to use when accessibility is treated as decoration.
Where it works
It works for portfolios, cultural sites, streetwear, posters, and brands that want to stand out. Use it carefully for products that need trust and clarity; the rawness must not become an obstacle.
Related styles
Sources
- Kittl — Detailed visual guide accessed 2026-10-21
- Aesthetics Wiki — Brutalism accessed 2026-10-21