When to use it
- Bold digital products
- Anti-corporate statements
- Accessible design
- Startups with attitude
Record033-NE
AestheticNeubrutalism
ClassGeometric / Digital
StatusINGESTING
01
The record
What it is, when it works, who it is for, and where it already exists.
How to use it
Record 033-NE - when it works, who it is for, what it looks like
Perfect for
- Bold SaaS products
- Creative agencies
- Independent publications
- Tech with personality
What it looks like
- Heavy black borders
- Solid offset shadows
- High contrast colors
- Bold sans-serif type
In the wild
Where this aesthetic shows up in the real world · ↗ opens the source site
Web designGumroad website redesign2021
Web designTony's Chocolonely website
Brand identityMSCHF brand identity and drops
Web designAllcaps type foundry website
02
The anatomy
Where Neubrutalism came from, what makes it recognisable, and the fingerprint it leaves.
History
2020–present · Web design, internet; roots in 1950s architectural Brutalism
Neubrutalism (also styled 'New Brutalism' or 'Neo-Brutalism' in design contexts) emerged around 2020–2022 as a UI and graphic design aesthetic that rejected the refined, shadow-free design language of Google Material Design and Apple Human Interface Guidelines. Its signature: heavy black borders on UI elements, flat unmodulated background colors, and a deliberately crude drop-shadow offset in a solid color (not blurred, not gradient: just a solid black rectangle offset 3–5px). The overall effect is of a web browser rendering with CSS partially applied, or a print zine scanned at low resolution.
The architectural Brutalism of the 1950s–1970s (Le Corbusier's Unité d'Habitation, Paul Rudolph's Art + Architecture Building) is a loose ancestor: both share an honest-materials aesthetic that refuses to hide structure behind cladding. But neubrutalism's more immediate parents are flat design's backlash, the zine aesthetic of 1990s punk graphic design, and the anti-polish ethos of early internet web design. The Gumroad redesign (2021) and the Figma community around 2022 popularized the style for product design audiences.
Neubrutalism's appeal lies in its contrast to the homogenizing 'good taste' of Scandinavian-influenced startup design. Its ugliness is deliberate and communicative: 'we are not trying to hide anything,' 'we are not polished corporate,' 'we are raw and confident.' The style also solves an accessibility problem implicitly: black borders on white or pale-colored elements have very high contrast, and the flat drop-shadow makes click targets obvious.
The design system that weaponized the box-shadow.
Visual markers
The visual DNA: what makes it recognisable
Aesthetic profile
8-channel console with the fingerprint on its display. Save the card, or share the page
Aesthetic Profile
Neubrutalism
2020–present · Web design, internet; roots in 1950s architectural Brutalism
Attribute console · 033-NE
leans geometric, digital, expressive
8 CH
FIG. 1
01Minimal
Maximal30%
02Analog
Digital60%
03Restrained
Expressive50%
04Cool
WarmEVEN
05Futuristic
Nostalgic20%
06Structured
Chaotic30%
07Dark
Light30%
08Organic
Geometric70%
GeometricDigitalExpressive
Omoro · Attribute console · 033-NE
omoro.io/styles/neubrutalism
Color Palettes
5 color interpretations of this aesthetic
Adjacent Palettes
The colour of the styles sitting closest to this one
03
The direction
How to shoot it, how to prompt it, and how to board it.
Photo Direction
How to shoot this aesthetic
Generative Prompt
Drop this into Studio to generate in this aesthetic
Mood Board
The record applied to your project. The record's kit is free; your brand, references and plates come with membership
Mood board
The Neubrutalism board
8 frames · 4 selected
FIG. 4
Solid Black000000Crash RedFF3333Raw YellowFFD700System Green00FF88Stark WhiteFFFFFF
Brand and references
Demo kit free, the rest with membershipThe record as a demo kit, free. Name a project and it is written for that
Omoro · Mood board · 033-NE
04
The judgement
Whether to use it, what it costs to do properly, and where it stands right now.
Creative verdict
Two written calls, seven meters, and when to walk away
Creative verdict
Should Neubrutalism be the call?
7 meters
FIG. 2
Assessment
Deliberate crudeness still requires precise construction. Hard shadows have to sit at a consistent offset and angle, or the page reads as broken rather than blunt, and the same goes for border weights. Pick a system and hold it everywhere. The bar is contrast: high-saturation blocks are easy, but keeping them accessible against black type is the actual work.
Verdict
Use it to say online and current, which is a short-dated claim. It arrived as a correct reaction to a decade of soft, rounded, indistinguishable SaaS interfaces; the open question is whether it is still a reaction or now just the new default, and it is already saturated in startup and portfolio work. Architects find the borrowed name careless, since it shares thick borders with concrete brutalism and almost nothing else.
Production cost
Low
Digital interface work only.
Creative difficulty
Medium
The 'ugly on purpose' move is well-known. Conviction is what sells it.
Execution difficulty
Low
Deliberately raw. Genuinely forgiving of imperfection.
Risk of misuse
Medium
Ugly on purpose without conviction just looks like a mistake.
Prevalence
Overused
Extremely common in startup and product design right now.
Longevity
Trend
A specific reaction to the smooth SaaS look. It will pass too.
Brand investment
Low
Interface work only.
Avoid if
The brand needs to feel premium or refined
Deliberately raw and unpolished. That reads as cheap in the wrong context.
The look needs to feel fresh, not familiar
Extremely common in product design right now.
Omoro · Creative verdict · 033-NE
Editorial Depth
A Pro feature: origins, practitioners, and pitfalls
Editorial depth
The Neubrutalism file
14 sections
FIG. 3
Context02Brands02Perception04Use04Index02
01Common MisconceptionThe principle beneath the surface
02Historical ContextOrigins, cultural moment, and reaction
03Brands That Accidentally Use This StyleNatural alignment, not category claims
04Brands That Perfectly Represent This StyleExceptional execution
05Psychological EffectHow visual decisions change perception
06Visual ChecklistInclude and avoid
07Creative FormulaThe visual system reduced to essentials
08Recognition SignalsHow to recognize it in two seconds
09When To Use This StyleContexts where the language performs
10Common Creative MistakesWhere imitation weakens the signal
11Best Brand ApplicationsIndustries with a natural advantage
12Creative Application AnalysisFit, feasibility, and production reality
13Related StylesClose languages and the key distinction
14Visual DNA SummaryThe sentence to remember
The editorial depth, with membershipOpening soon
Omoro · Editorial depth · 033-NE
05
The index
Neighbours, cross-references, blends, and the questions people ask.
Related concepts
Connected across the creative knowledge graph
Cultural relevance
Where it stands now, and what it costs you to use it
Neubrutalism is a web aesthetic that borrowed a building name, and architects mostly find the borrowing careless. It shares thick borders and hard shadows with concrete brutalism and almost nothing else.
It arrived as a reaction to a decade of soft, rounded, indistinguishable SaaS interfaces, and the reaction was correct. Whether it is still a reaction or now just the new default is the open question.
It is already saturated in the startup and portfolio space. If you use it, it says you are online and current, which is a short-dated claim.
Cross-references
Compare
Blend
Mix Neubrutalism with any style in the library
Neubrutalism×
50%50%
38% alike
Merged palette
#000000
#FF3333
#FFD700
#4B0082
#00FF88
Leads expressive, maximal, chaotic
Typography · from Neubrutalism
IBM Plex Sans over IBM Plex Mono
Materials
- White (#FFFFFF) or near-white as primary background
- Bold accent colors: electric yellow (#F5E642), hot pink (#FF3B6A), lime (#A8FF3E), or acid orange (#FF6000)
- Black (#000000) and white (#FFFFFF) as primary contrast pair
The calls this blend forces
These two disagree on 3 things, and a blend cannot average them: you pick a side. At this mix:
Digital or Analog? Neubrutalism is digital, Punk is analog. This mix lands analog.
Structured or Chaotic? Neubrutalism is structured, Punk is chaotic. This mix lands chaotic.
Geometric or Organic? Neubrutalism is geometric, Punk is organic. This mix lands geometric.
Use it
Neo-brutalist aesthetic with thick black borders, raw saturated color, anti-polished construction, intentional roughness (50%), infused with Punk aesthetic with DIY anti-establishment rawness, Vivienne Westwood and Sex Pistols-era London street style, aggressive high-contrast color-clash energy, rebellious anti-polish attitude, color palette strictly #000000 #FF3333 #FFD700 #4B0082 #00FF88, leaning digital over analog, structured over chaotic, geometric over organic, overall character: expressive, maximal, chaotic
One-click generation opens with the studio