Neubrutalism
ニューブルータリズム / 2010s– / Style / UI Expression
Rebels warmly against the over-polished web with thick borders and blunt color.
At a glance
Visual cues
- Thick black borders
- Hard shadows
- Vivid color
- Flat components
Best used for
- Making a product frank and memorable
- Humanity for communities and creator tools
Use this style
Take the compact brief into a project or hand the structured version to an AI tool.
Detailed guidance and sourcesProduction rules, reference works, comparisons, research and citation formats
Dictionary entry
- Type
- Bold sans, monospace
- Composition
- Divide into clear boxes; shadows in one direction
- Material
- Off-white plus vivid color, black borders, few rounded corners
- Caution
- Don't border and shadow everything. Vary the strength by hierarchy.
- Further study
- Gumroad / contemporary independent web
Related entries
- Memphis (メンフィス)Shared effects: Play.Compare Neubrutalism and Memphis
- Minimalism (ミニマリズム)Shared effects: Trust.Compare Neubrutalism and Minimalism
Often confused with
More from UI Expression
Continue through styles in the same UI Expression family, prioritised by shared effects.
- Flat Design / Vector Minimalism (フラットデザイン / ベクターミニマリズム)Shared effects: Trust / Play.
- Card UI (カードUI)Shared effects: Trust / Play.
- Skeuomorphism (スキューモーフィズム)Shared effects: Trust.
Browse all UI Expression entries
Cite this entry
The dictionary is meant to be linked to. Take whichever form fits where you are writing.
- Link
- https://indexstyle.org/styles/neubrutalism
- Markdown
- [Neubrutalism — IndexStyle](https://indexstyle.org/styles/neubrutalism)
- HTML
- <a href="https://indexstyle.org/styles/neubrutalism">Neubrutalism — IndexStyle</a>