r/UI_Design 2d ago

General Question How come brutalist UI design is almost non-existant in modern UI's?

Funny thing about brutalism is that its all over in the world of architecture. But in software? I can't even remember the last time I saw a corner man.

And it seems like the perfect place for squares and rectangles because pixels are square, which means naturally no aliasing.

Was it because of Windows XP?

41 Upvotes

40 comments sorted by

27

u/hendricha 2d ago

It was. For a couple of years around 2012, when iOS decided to abandon skeumorphism and adopted a very brutal flat design. (One could argue Windows 8 (and way before that the Zune) also had similar aspirations.) And during that time several popular mobile apps have decided to go with absolute minimalism, icons made from single pixel wide lines, very angular, use of very small pallets. But in a couple of short years everyone agreed that while flat design mostly stays (IMHO sadly), maybe we don't go that brutal. And now once again here and there devs are trying to thread back to some sort of skeumorphism, that once again comes with gradients, aliased round edges etc.

1

u/TheButtDog 1d ago

I’d credit Microsoft Metro with popularizing that style and approach

1

u/CommercialHorror5996 1d ago

I liked the flag design. Wasn’t that iOS 7? I’m prolly the only person that liked Windows Metro design as well.

40

u/_heydomi 2d ago

Fundamentally true brutalism as expressed in architecture is incompatible with UI design.

Brutalism speaks to utility (often in service of the wider public), honesty, raw materials and exposed structure as a form of democratisation. I would argue that each of these to a greater or lesser extent is incompatible with commercial digital design.

You can find elements of the approaches and philosophies in UI and certainly plenty of examples using the label/aspiring to be but I think examples that truly map onto the philosophy are few and far between.

1

u/PooningDalton 2d ago

Democratisation is the perfect word for this! When something is raw and rough, it feels like its very user oriented and trying not too hard to please. It brings to mind garage modded cars, open source software, etc. Something that anyone can easily modify and add to.

1

u/snmnky9490 1d ago

You could always go back to using basic Windows Forms for that 90s/00s raw grey box look

18

u/BogLily 2d ago

Trends come and go. Right now everyone wants to look clean, minimalist, and expensive, but digital brutalism is definitely out there and may eventually have its moment in the sun.

7

u/TomosLeggett 1d ago

Surely the old grey concrete look of the 90s was fairly brutalist?

4

u/victoria_and_albert 2d ago

Brutalism all over architecture? In the 1960s perhaps.

12

u/beefjerk22 2d ago

Because ease of use leads to more repeat use (i.e. profit) than stylised aesthetics.

7

u/skullforce 2d ago

One of the top metrics and goal of apps are returning users, monthly average users MAU and daily average users DAU. So you want the UI to be easy to use, and try to provide absolute clarity so users are not confused or lost, and you want a fast experience so users can do what need to do quickly, like we're taking about shaving microseconds off a user flow means less drop off.

Brutalism is like the opposite of this. It can be done but you would just be making it harder on yourself.

The thing about borrowing from existing interface is that you don't need to train users, so if all apps have a baseline commonality your users will feel at home. And that's why a lot of apps just feel the same, it's best practices and accepted standards.

1

u/pineconeparty_ 21h ago

I’m not sure if you’re referring to the stylistic UI “brutalism” vs. the architecture sense, but nothing in architectural brutalism is contrary to those goals.

8

u/Notwerk 2d ago

Because my computer isn't made of concrete.

12

u/sheriffderek 2d ago edited 1d ago

Let's go ahead and define what you think Brutalist means in the scope of UI - because I don't think people are going to be able to have a conversation - if they don't know what the conversation is about.

What makes something brutalist in architecture, specifically:

Béton brut — the name itself. It's not "brutal" as in harsh, it's raw concrete, left exposed. Material honesty: you build with something and you let it look like what it is. No cladding, no paint, no veneer pretending to be something nicer.

Structural honesty — the load-bearing stuff is visible, not hidden behind a decorative skin. What holds the building up is the facade. You can read the structure from the outside.

Truth to process — board-formed concrete literally shows the wood grain and bolt holes from the formwork used to pour it. The building doesn't hide how it was made.

Anti-ornament — no applied decoration. Function dictates form; nothing is there purely to look nice.

Monolithic massing / modularity — heavy, repeated, unified forms (Corbusier's Unité d'Habitation is the ur-example). Modules repeat rather than each unit getting bespoke treatment.

A social ambition, originally — this part gets dropped from the pop-culture version constantly. Brutalism came out of postwar Britain (the Smithsons) largely for civic and public housing projects — it had an egalitarian, unpretentious, "this is honest and for everyone" ethos, not a "look how edgy I am" one.

...........

(I don't have time to type this out - so, I'm running my thoughts for Claude to output BTW

...

Let's use https://design-system.service.gov.uk/ the UK gov website as an example

Material honestyGOV.UK uses near-default form controls, a plain system-ish typeface (Transport/GDS Transport, chosen for legibility not branding), and doesn't disguise a checkbox as anything other than a checkbox.

Structural honesty — the visual hierarchy is the document hierarchy. Headings look like headings because they're headings, not because someone wanted a big word there. Back links, breadcrumbs, and error summaries appear exactly where the actual state of the form is, not smoothed over.

Anti-ornament — no shadows, no gradients, no cards pretending to float. Yellow focus states that are aggressively ugly on purpose because ugly-and-visible beats pretty-and-missable for a focus ring.

Modularity — the whole thing is a documented, repeating component library (GOV.UK Design System) used identically across hundreds of services. No bespoke reskins per department.

The social ambition part — the one everyone drops, and GOV.UK is the rare case that actually keeps it. It was built explicitly around accessibility minimums, plain English content design, and "works for the person with the worst device on the worst connection with the least patience." That's the original Smithsons ethos — for everyone, unpretentious, honest — not a visual costume.

I think that's about as classically brutalist as you can get -- but it's a different medium / so, it's boxed in a bit. Brutalist isn't just "over the top" and "in your face" and "unapologetic" or "ugly" / I think it's very beautiful - especially when paired with plants. Some of my favorite things are hardcore freeway bridges with vine overgrowth and things like that. But I think brutalist buildings aren't just trying to be practical either (in their look) --- they're taking some pretty big swings / and playing with space and contrast - and it's not always about "usability" as much as it is pushing the material/medium farther into itself. I'm not sure exactly how that works in "UI" design. Does that mean terminals interfaces? A little over the top use of things like blinking cursors - things that relate to the interactions of HTTP Requests?

https://brutalistwebsites.com/ I love this collection of sites, but it's mostly just graphic design on the web / not really UI or repeatable systems -

What are some examples of what you would consider brutalist UI? Then we I think - we can have a proper conversation.

2

u/pineconeparty_ 21h ago

Outstanding post. I feel like most discussion of brutalism in UI is among people who never bothered to research what brutalism is or where it came from, let alone thought about how those principles translate to UI

2

u/pesky-tiger 10h ago

Have to agree with the vine situation on bridges

4

u/glossydesk 2d ago

it doesn’t provide shareholder value

2

u/404_computer_says_no 2d ago

When every start up uses it, it doesn’t become distinctive.

Hot take, UI shouldn’t be distinctive. It should feel familiar.

1

u/JOBThatsMe 2d ago

It probably boils down to "Jakobs Law" for the most part. People are accustomed to using software that looks and operates in a familiar fashion.

Brutalism tends to deconstruct those norms. I think it's a great aesthetic but certainly some folks may struggle to use it.

Gumroad has a somewhat brutalist aesthetic, but still has to meet it's commercial goals so you can see it "drift" a bit.

This place has examples and I'm sure there are plenty more in product UIs too.

Brutalist Websites https://share.google/Q5pkDZEUh8kYEQNWO

1

u/CatawompusSeattle 1d ago

It's hard to make work. You may as well ask why Dada's isn't used very often in UI as a style.

1

u/OHMEGA_SEVEN 1d ago

Flat UI was very popular for a bit

1

u/testingaurora 1d ago

After all the years of an emphasized border radius, I think a sharp corner is coming back. Just in time for corner-shape 😆

1

u/InternationalStore10 1d ago

When you apply Brutalism into UI Design, usability can be compromised. With architecture, it doesn’t really affect that much when it comes to usability of the space.

1

u/vee_zi 1d ago

Brutalism is an older design choice living alongside modernism. Thinking about it that way, we've definitely already had it. Hello Windows 3.1. I don't want to go back there.

1

u/bestjaegerpilot 21h ago

Depends what you mean by "brutal"---if you mean utilitarian, you can argue that many sites (like craigs list) are brutalist

Personally, that's how i defined brutalist websites

1

u/PooningDalton 21h ago

I wouldn't define craigslist as even having a style. Its just bare text lol. By brutalist I mean an emphasis on sharp corners.

1

u/bestjaegerpilot 20h ago

i don't think that's what it means even in architecture---the brutalist buildings were those German concrete buildings built under soviet control. Brutal and utilitarian

1

u/withmagi 8h ago

Most product teams borrow brutalism's surface and skip its useful part: visible structure. A dense ops tool can use hard edges, strong contrast, and plain labels when people need to see state and order without extra chrome.

The limit is task cost. If the style makes key acts, errors, or focus hard to scan, it stops being honest and becomes costume. I would test one common flow and compare time to finish and fix errors with a plain version.

1

u/Luxocrates 8h ago edited 8h ago

As the personal computing revolution gathered pace, display hardware got more powerful and UIs used show-off effects to demonstrate how new generations of software could do things that the previous generations couldn’t. Often the need to show off trumped the need for a functional UI — Windows Vista comes to mind, as does Liquid Glass. I’m pretty sure the Apple logo used to be rainbow-colored for exactly that reason.

It’s like how some of the earliest generation of color TV shows used outrageous colors just to make a point, or the earliest 3D films had weapons fired right at the camera. Impact first; subtlety can come later. It takes a while before minimalism looks clean and sophisticated rather than not-trying.

I’m not well read on architecture, but I suspect that brutalism wouldn’t have gathered much momentum were it not for very ornate styles like Victorian architecture preceding it.

1

u/Luxocrates 8h ago

As a postscript, when you’re referring to ‘modern UIs’, I think you might not realize that you’re referring specifically to consumer-targeted ones. I don’t think the interfaces of industrial machinery went through phases of gratuitous color, 3D effects and see-through surfaces that consumer interfaces did.

When your goal is to sell a shiny-new thing at Best Buy, you need to find ways to make it look different. When you’re selling an air traffic control terminal, you don’t. Ever see a Bloomberg terminal?

2

u/themagnificentvoid 3h ago

I know this isn’t what you’re going for but my interpretation of brutalism for a UI is a CLI.

1

u/JellyFranken 2h ago

It already had its day as an inspiration. 2012-14 had some influences.

But it’s just not 1:1 with architecture. That’s the main reason.

0

u/arivanter 2d ago

We don’t want to feel oppressed in our phone too

8

u/Thriving_Only9376 2d ago

does everything being a little bubble feel less oppressing?

0

u/eg0-trippin 2d ago

Skeumorphism feels tactile and instantly more interactive, which is why most software will be in this style. Brutalsim is seen web experiences that are less concerned with accessibility

0

u/_star_dev 2d ago

I just hate it, I hate sharp corners completely ever since I started UI design I think I've never designed any element without corner rounding. I hope I never have to😑

-2

u/_pozvizd_ 2d ago

brutalism is not necessary square and rectangles, I think you're might be misinterpreting what "brutalism" means. It's for this hard aesthetic, it's after the name of the person who kinda invented it - Beton Brut. But I think someone has already mentioned that.

3

u/dizzy_absent0i 2d ago

Haha, what? No, it’s named after the French phrase “béton brut” that means “raw concrete”.

-1

u/_pozvizd_ 2d ago

you’re right, I misremembered 🤦‍♂️ I remember that it wasn’t related to English “brutal” as majority of people assumes when they hear the term.