Guidelines for Brutalist Web Design (2018)(brutalist-web.design)
brutalist-web.design
Guidelines for Brutalist Web Design (2018)
https://brutalist-web.design/
119 comments
This is not really what brutalism is about. Brutalism in architecture is often very playful and indeed more like a poetry and celebration of the raw materials and structure, not at all about the pure functionality absence of any aesthetic as formulated in that text. Brutalist buildings often neglect functionality in favour of architectural idiosyncracies. Like for example Trellick Tower: the elevators are in a separate tower outside the building and only serve every third floor. Brutalism celebrates raw form over function, and mostly people really don't enjoy living in these buildings.
Brutalism is one of those things that means many things to many people, and gets brutally simplified (heh) in the public eye. There's more to any brutalist building than the architect's own idea of brutalism, and of course each architect's idea of what brutalism can be is more than the stripped-down least common denominator definition.
For example, one of the ideas behind using raw concrete for public buildings instead of something sleeker and more expensive is to make public institutions more welcoming and accessible to ordinary people. Traditionally, public buildings were built to project the prestige and power of the class of people who ran elite institutions, at the expense of common people who themselves might feel a bit raw and brutal compared to the sleek and expensive buildings where the sleek and expensive elites ran the world in their sleek and expensive suits. Raw concrete is supposed to communicate that the building, and the institution inside, is (at least supposed to be) working for the public, not spending their money to elevate and aggrandize the people in power.
In other words, in those cases, concrete is meant to create a relatable and accessible rawness, like Gritty the Philadelphia Flyers mascot.
I think it works out a lot better in reality than people think, when a building is well-designed. Architectural photography can hide ugliness — almost every building has its equivalent of the flattering "Myspace angle" — but it can also manufacture it, and with the right lighting, angle, and exposure, it's easy to make any tall concrete building look like a gloomy looming hulk.
Local feelings are a better guide to whether a building is good or not than the feelings of people who have never seen a building in person and have been primed by tendentious photography.
For example, one of the ideas behind using raw concrete for public buildings instead of something sleeker and more expensive is to make public institutions more welcoming and accessible to ordinary people. Traditionally, public buildings were built to project the prestige and power of the class of people who ran elite institutions, at the expense of common people who themselves might feel a bit raw and brutal compared to the sleek and expensive buildings where the sleek and expensive elites ran the world in their sleek and expensive suits. Raw concrete is supposed to communicate that the building, and the institution inside, is (at least supposed to be) working for the public, not spending their money to elevate and aggrandize the people in power.
In other words, in those cases, concrete is meant to create a relatable and accessible rawness, like Gritty the Philadelphia Flyers mascot.
I think it works out a lot better in reality than people think, when a building is well-designed. Architectural photography can hide ugliness — almost every building has its equivalent of the flattering "Myspace angle" — but it can also manufacture it, and with the right lighting, angle, and exposure, it's easy to make any tall concrete building look like a gloomy looming hulk.
Local feelings are a better guide to whether a building is good or not than the feelings of people who have never seen a building in person and have been primed by tendentious photography.
My favorite architecture combines raw elements (concrete, brick, structural supports) with softer touches. To me, the exposed skeleton denotes honesty and stability.
When I was in Switzerland like ten years ago a lot if newer buildings had both exposed concrete and wood. Not a lot of wood, but enough to provide some accents in the otherwise gray texture.
Who knew Gritty was a brutalist mascot!
This is always mentioned, but the term is growing on me. I think we just want websites that are easy to load and read that don’t make a few tabs on chrome take 3GB of memory.
What about simply Functionalism?
Brutalism is indeed overused and has a clear meaning for architecture that really do not overlap with these "guidelines"
Brutalism is indeed overused and has a clear meaning for architecture that really do not overlap with these "guidelines"
but the word brutalism is just too delicious to let the architects have it for a style they've moved on from based on a building material that's so specific to buildings. It's like modernism, there's always a new modern.
and I'm not joking, I think the word brutalist is so attractive to people that it begs to be recolonized regardless of the narrow context in which it once thrived.
and I'm not joking, I think the word brutalist is so attractive to people that it begs to be recolonized regardless of the narrow context in which it once thrived.
I like your thinking, but there could be confusion if used imprecisely. Namely, people might think it's a website that isn't broken (this could be seen as a benefit for the playfully opinionated), or a website made primarily with functional languages/programming style.
I suppose you'd have to refer to a site as Functionalist.
I suppose you'd have to refer to a site as Functionalist.
Well I was thinking Functional Minimalism, but that's already not very minimalistic to have two words to define the category :)
To echo you, I was going to say myself that if anything current web design is more like brutalist architecture. It is a celebration of the raw materials and structure: HTML, CSS, JS. There are confusing features, technical flourishes, … well, maybe not so much poetry. Maybe roccoco, not brutalist?
Oh, there's definitely a poetry to them, though too often it's Vogon.
>Brutalism in architecture is often very playful
>not at all about the pure functionality absence of any aesthetic as
That's exactly the vibe I got from https://brutalistwebsites.com. Like many, I like both the aesthetics of brutalist architecture and brutalist websites – but that doesn't mean "form follows function" can be applied here. Many "brutalist" websites are very confusing, inaccessible, and/or impracticable. I suspect that minimalism or simplicism would be a better term for what the guidelines want to achieve.
Nevertheless, it is quite possible to combine playful aethetics with accessible technology, but that requires compromise and a lot of experience.
>not at all about the pure functionality absence of any aesthetic as
That's exactly the vibe I got from https://brutalistwebsites.com. Like many, I like both the aesthetics of brutalist architecture and brutalist websites – but that doesn't mean "form follows function" can be applied here. Many "brutalist" websites are very confusing, inaccessible, and/or impracticable. I suspect that minimalism or simplicism would be a better term for what the guidelines want to achieve.
Nevertheless, it is quite possible to combine playful aethetics with accessible technology, but that requires compromise and a lot of experience.
Reminds me about graphic design misapplying “deconstruction” during the 1990s.
I love the Trellick Tower! See also the former Greenwich Town Hall, which must have one of the best brutalist clock towers of all time: https://commons.wikimedia.org/wiki/File:Meridian_House_(Form...
.jpg){kind=link}
>more like a poetry
More like Vogon poetry to be exact...
More like Vogon poetry to be exact...
never heard of it, very stimulating! https://www.architecturaldigest.com/gallery/most-beautiful-b...
Dunno about anyone else, but there are maybe only one or two buildings on this list that I think look okay, and some are outright hideous.
Even the ones that look okay (the first one in particular) could be easily imagined to look better if they used more lively materials.
Even the ones that look okay (the first one in particular) could be easily imagined to look better if they used more lively materials.
It’s definitely a case of beauty in the eye of the beholder. I looked at this list and wished more architecture was similar.
> beauty in the eye of the beholder
Yeah, I can acknowledge that. Though surveys do show that most people tend to favor classical architecture.
There's also the matter of what you're comparing it to. Some brutalism may not be beautiful, or as beautiful as something classical in form, but the best examples are just interesting in a way that a generic 5-over-2 building isn't.
I think maintenance of materials matters a lot as well. Concrete's aesthetic really depends on it being clean and crack-free.
Yeah, I can acknowledge that. Though surveys do show that most people tend to favor classical architecture.
There's also the matter of what you're comparing it to. Some brutalism may not be beautiful, or as beautiful as something classical in form, but the best examples are just interesting in a way that a generic 5-over-2 building isn't.
I think maintenance of materials matters a lot as well. Concrete's aesthetic really depends on it being clean and crack-free.
> > beauty in the eye of the beholder
> Concrete's aesthetic really depends on it being clean and crack-free.
... unless you're into the aesthetic of crumbling urban decay? I mean I should know better than to pick pointless fights on the internet, but you kinda teed it up
> Concrete's aesthetic really depends on it being clean and crack-free.
... unless you're into the aesthetic of crumbling urban decay? I mean I should know better than to pick pointless fights on the internet, but you kinda teed it up
it's a different kind of 'beauty' :)
In some strange way it reminds me of Koyaanisqatsi, now 40 years old (https://news.ycombinator.com/item?id=35764584)
I saw it in a movie theater a long time ago, the images where exiting, the music unlike anything I had every heard... It was stimulating and at the same time uncomfortable, I remember I was glad to finally see the credits after 1.5 hours of a bombardment of sound.
Still it made a big impression on me and made me discover a whole new genre of music and composers.
In some strange way it reminds me of Koyaanisqatsi, now 40 years old (https://news.ycombinator.com/item?id=35764584)
I saw it in a movie theater a long time ago, the images where exiting, the music unlike anything I had every heard... It was stimulating and at the same time uncomfortable, I remember I was glad to finally see the credits after 1.5 hours of a bombardment of sound.
Still it made a big impression on me and made me discover a whole new genre of music and composers.
Pragmatism!
For a bit of a laugh, I wrote a Brualist ecommerce platform called Bruce
https://bruce.huginn.uk/
I worked for an ecom company (in finance) and we were looking at replatforming. I wondered two things: how hard is it to write an ecom store, and could it be much more performant.
I suppose main problem with going too brutal would be that many people would find it hard to trust.
I worked for an ecom company (in finance) and we were looking at replatforming. I wondered two things: how hard is it to write an ecom store, and could it be much more performant.
I suppose main problem with going too brutal would be that many people would find it hard to trust.
I find it hard to trust a site that sells cat by the pint.
To each their own. I've been looking for a good source for bonsai kittens for over 20 years now!
You might be able to tell that I wrote a script to generate products.
Product name * Unit of measure
Product name * Unit of measure
I really like interfaces like this honestly. If it included the product images and clicking the image opened the full image in a new tab (the normal browser way by linking to the image source) it would be perfect.
> I really like interfaces like this honestly.
minimal cognitive load[1] from the outset: no (algorithmic) slop dumped onto your cortex - one of the reasons i've never been able to do, say, (music) streaming services
1: emphasis on lack of color for me
minimal cognitive load[1] from the outset: no (algorithmic) slop dumped onto your cortex - one of the reasons i've never been able to do, say, (music) streaming services
1: emphasis on lack of color for me
Yes. In this design, color could actually _mean_ something. Interesting how color grabs your attention in a helpful way when it isn't all over the place.
reminds i have to give goethe's theory of colors[1] a serious look one of these days
1: https://en.wikipedia.org/wiki/Theory_of_Colours
1: https://en.wikipedia.org/wiki/Theory_of_Colours
Yeah, that would be nice. Images wasnct something I did. I think a search function would have been good too.
Small nitpick on your site. I added an item to my basket, and the value that appears next to the basket link is (0) instead of (1): https://i.imgur.com/AB8Xjqb.png
That's much better than local online store SPA I used that leaked memory many megabytes per second, so I periodically reset the SPA so that the browser can free the leaked memory.
This is very funny but also the more I mess about with it, the more I like it.
As absurd as finding a glass of ice water in the middle of the Sahara: nonetheless refreshing.
As absurd as finding a glass of ice water in the middle of the Sahara: nonetheless refreshing.
The British government has issued a visual design system for their government websites that embraces this philosophy (in their case, for accessibility and speed more than aesthetics).
https://design-system.service.gov.uk/
https://design-system.service.gov.uk/
https://shkspr.mobi/blog/2021/01/the-unreasonable-effectiven...
I always post this when open.gov comes up.
Might not be appropriate to other kinds of site.
I always post this when open.gov comes up.
Might not be appropriate to other kinds of site.
https://www.gov.uk/housing-benefit - it's not a custom rendered SPA, but I wouldn't call it simple html.
I always tell people "the PSP story" over a pint.
I would not call the GDS design "brutalist". As the linked article says, brutalism is about "raw [content/architecture], true to its construction". In other words, it's an aesthetic movement that pretends it's not about aesthetics.
The GDS design guides are not rooted in aesthetics, they're truly rooted in practicality. Their goal is for the site to be navigable and understandable by as close to 100% of the UK population as they can get. That has to include people with old or unusual devices, people with disabilities, people on slow connections, and so on. It's all about the user.
Actually-existing brutalist buildings are not like this. The architects put aesthetic sensibilities first, usability second, while fraudulently claiming they were doing the opposite[1]. When people complained about how unpleasant it was to live in them, they did the "you're holding it wrong" dodge, and said the users (i.e. inhabitants) were to blame.
[1] For example, they would put in industrial-looking concrete greebles on the sides of buildings, making them look like they served a structural purpose, but actually they didn't. It was purely decorative, but ugly decoration that only appealed to other brutalist architects, meant to trick people into thinking it was some "raw" construction element sticking out.
EDIT lol the stained concrete appreciation society have arrived; but no amount of downvotes will make anyone want to live in coventry
The GDS design guides are not rooted in aesthetics, they're truly rooted in practicality. Their goal is for the site to be navigable and understandable by as close to 100% of the UK population as they can get. That has to include people with old or unusual devices, people with disabilities, people on slow connections, and so on. It's all about the user.
Actually-existing brutalist buildings are not like this. The architects put aesthetic sensibilities first, usability second, while fraudulently claiming they were doing the opposite[1]. When people complained about how unpleasant it was to live in them, they did the "you're holding it wrong" dodge, and said the users (i.e. inhabitants) were to blame.
[1] For example, they would put in industrial-looking concrete greebles on the sides of buildings, making them look like they served a structural purpose, but actually they didn't. It was purely decorative, but ugly decoration that only appealed to other brutalist architects, meant to trick people into thinking it was some "raw" construction element sticking out.
EDIT lol the stained concrete appreciation society have arrived; but no amount of downvotes will make anyone want to live in coventry
> It was purely decorative, but ugly decoration that only appealed to other brutalist architects, meant to trick people into thinking it was some "raw" construction element sticking out.
That's really funny, because I've seen websites that tries to appeal to "hacker"/"minimalist" aesthetics doing the same thing.
An example: the file-hosting service https://0x0.st. When you try to visit a link to a non-existing file, it will crash with a trace message that exposes the offending code block from fhost.c.
Wow, so RAW and BRUTAL. It's even written in C, so hacker-ish! Until you find out that the error message is fake: https://git.0x0.st/mia/0x0/src/branch/master/templates/404.h...
The server is actually written in Python and it generates a randomized, fake C-looking trace message for its 404 page.
That's really funny, because I've seen websites that tries to appeal to "hacker"/"minimalist" aesthetics doing the same thing.
An example: the file-hosting service https://0x0.st. When you try to visit a link to a non-existing file, it will crash with a trace message that exposes the offending code block from fhost.c.
Wow, so RAW and BRUTAL. It's even written in C, so hacker-ish! Until you find out that the error message is fake: https://git.0x0.st/mia/0x0/src/branch/master/templates/404.h...
The server is actually written in Python and it generates a randomized, fake C-looking trace message for its 404 page.
Coventry had wonderful maisonette flats above a cloistered shopping street. And two carefully designed squares.
Both demolished. Replaced with the usual speculative tat. Many empty properties (high rents from new build).
Both demolished. Replaced with the usual speculative tat. Many empty properties (high rents from new build).
this is a personal opinion disguised as a rational argument and general truth. It essentially reads as "I don't like brutalism, nobody does, it sucks and therefore this has nothing to do with it". It's intellectually dishonest and cheap.
Brutalism was never about stripping buildings of all aesthetics, a common misconception or often heard derogatory argument against many forms of minimalism. Minimalism does not eliminate design. It is more about rejecting purely decorative elements and working directly with the structural elements and building material. Recognising aesthetic choices is therefore not fraudulent or dishonest, but your lack of understanding what brutalism is about.
Brutalism was never about stripping buildings of all aesthetics, a common misconception or often heard derogatory argument against many forms of minimalism. Minimalism does not eliminate design. It is more about rejecting purely decorative elements and working directly with the structural elements and building material. Recognising aesthetic choices is therefore not fraudulent or dishonest, but your lack of understanding what brutalism is about.
>It is more about rejecting purely decorative elements and working directly with the structural elements and building material.
No, that's what they claimed they were doing. The reality was different.
No, that's what they claimed they were doing. The reality was different.
The design to me looks simple, yet aesthetic.
Brutalism looks simple, but horrible and anti-human, especially in Britain's climate, where it tends to get stained by damp and moss.
Brutalism looks simple, but horrible and anti-human, especially in Britain's climate, where it tends to get stained by damp and moss.
> where it tends to get stained by damp and moss
I actually like that - nature easily integrates it back into itself. That can't happen with glass towers.
As for the anti-human, I always read it as a reminder that there are things bigger than human, which may be why brutalism is so popular with governments.
I actually like that - nature easily integrates it back into itself. That can't happen with glass towers.
As for the anti-human, I always read it as a reminder that there are things bigger than human, which may be why brutalism is so popular with governments.
> I actually like that - nature easily integrates it back into itself. That can't happen with glass towers.
Moss and vines look great on Britain's Georgian and Gothic architecture. On Brutalist flat surfaces, it just looks dirty.
Brutalism is an academic justification of the brutalisation of the working class, who invariably were the ones who ended up living in cheaply constructed Brutalist architecture. The middle and upper classes (and the architects) keep to their pretty Georgian Neo-classical houses.
Moss and vines look great on Britain's Georgian and Gothic architecture. On Brutalist flat surfaces, it just looks dirty.
Brutalism is an academic justification of the brutalisation of the working class, who invariably were the ones who ended up living in cheaply constructed Brutalist architecture. The middle and upper classes (and the architects) keep to their pretty Georgian Neo-classical houses.
I don't disagree that the concrete hellholes brutalism became associated with are brutal in that sense, but if you want to see a version of brutalism this doesn't apply to see London's Barbican Estate. It was built on brutalist and modernist lines but was an aspirational development for "middle and upper middle class professionals" [1] and remains highly sought after to this day.
Only seeing it from the outside I dismissed it for many years, but once I went in I realised both how huge it is and how it shows the ideas of brutalist and modernist architecture do exist independently of the depressing concrete boxes that have often been built in their name.
[1] https://en.m.wikipedia.org/wiki/Barbican_Estate
Only seeing it from the outside I dismissed it for many years, but once I went in I realised both how huge it is and how it shows the ideas of brutalist and modernist architecture do exist independently of the depressing concrete boxes that have often been built in their name.
[1] https://en.m.wikipedia.org/wiki/Barbican_Estate
I've visited a flat in the Barbican.
It was like prison cells in a panopticon.
> aspirational development for "middle and upper middle class professionals" [1] and remains highly sought after to this day.
In spite of its brutalist architecture, not because. London has a severe shortage of housing/the UK is too centralised.
It was like prison cells in a panopticon.
> aspirational development for "middle and upper middle class professionals" [1] and remains highly sought after to this day.
In spite of its brutalist architecture, not because. London has a severe shortage of housing/the UK is too centralised.
It may not be to your taste, but the fact that those flats sell for millions today is a counterexample to your claim that brutalism is nothing more than an assault on the lower class. The fact is that plenty of wealthy people disagree with your aesthetic judgement enough to pay to live in those flats for sums that would easily buy them a house in a leafy, conveniently commutable part of London. It provides an alternative motive for at least some brutalist designs.
>Brutalism is an academic justification of the brutalisation of the working class, who invariably were the ones who ended up living in cheaply constructed Brutalist architecture. The middle and upper classes (and the architects) keep to their pretty Georgian Neo-classical houses.
Yep, and they'll pull out the "umm well akshually 'brutalism' comes from the french betón brut, it doesn't mean 'brutal'", but they're wrong; the word "brutalism" itself wasn't coined by the French, it was coined by a bunch of too-clever-by-half Anglophone students. They knew exactly what double meaning it would have; it was always a mean-spirited pun.
Yep, and they'll pull out the "umm well akshually 'brutalism' comes from the french betón brut, it doesn't mean 'brutal'", but they're wrong; the word "brutalism" itself wasn't coined by the French, it was coined by a bunch of too-clever-by-half Anglophone students. They knew exactly what double meaning it would have; it was always a mean-spirited pun.
The origin of the word is not important, the way it is used is. And that is absolutely about concrete, and not “being brutal”.
You mean the way _you're_ using it.
Etymology helps people understand the mindset at a given time.
Etymology helps people understand the mindset at a given time.
[deleted]
> Moss and vines look great on Britain's Georgian and Gothic architecture. On Brutalist flat surfaces, it just looks dirty.
That's just like your opinion, man.
> Brutalism is an academic justification of the brutalisation of the working class, who invariably were the ones who ended up living in cheaply constructed Brutalist architecture. The middle and upper classes (and the architects) keep to their pretty Georgian Neo-classical houses.
That is a projection. Most brutalist buildings are not living spaces but things like bridges, university buildings, libraries, airports, museums, etc. Who do those oppress?
If you don't like the concrete because the Soviets used a lot of it, say that without the pseudo-intelecualization.
That's just like your opinion, man.
> Brutalism is an academic justification of the brutalisation of the working class, who invariably were the ones who ended up living in cheaply constructed Brutalist architecture. The middle and upper classes (and the architects) keep to their pretty Georgian Neo-classical houses.
That is a projection. Most brutalist buildings are not living spaces but things like bridges, university buildings, libraries, airports, museums, etc. Who do those oppress?
If you don't like the concrete because the Soviets used a lot of it, say that without the pseudo-intelecualization.
Personally I don’t like it because Britain was full of it when I was growing up (still is in places) and it was
Most brutalist buildings should be wiped from the earth. People report liking living in the Barbican, perhaps we can keep that one. Most of the rest are nothing more than an eyesore.
- ugly
- dirty
- dark
- felt impersonal, not designed for people
- usually smelled of piss
- often associated with petty crime
Most brutalist buildings should be wiped from the earth. People report liking living in the Barbican, perhaps we can keep that one. Most of the rest are nothing more than an eyesore.
Do you mean ivy which is meticulously maintained?
Brutalism, can be used well or as mere styling that copies the look, but not the spirit. The same can be said about any other design flavour. E.g. there are a thousand examples of things that try to copy the style of apple products, but do so only in style and not in spirit.
E.g. a brutalist blog is certainly usable (see for example: http://blog.fefe.de/ which uses the browsers default css and allows you to apply custom css "themes"). If you look neutral at it, it is just text and text is front and center. With clean markup it is more accessible than most sites and people are free to style their default browser template any way they like. This is not anti-human.
Brutalism can be anti-human, but so can be a friendly cushy design language that hides the truth behind fluffy words. It always depends on the execution.
E.g. a brutalist blog is certainly usable (see for example: http://blog.fefe.de/ which uses the browsers default css and allows you to apply custom css "themes"). If you look neutral at it, it is just text and text is front and center. With clean markup it is more accessible than most sites and people are free to style their default browser template any way they like. This is not anti-human.
Brutalism can be anti-human, but so can be a friendly cushy design language that hides the truth behind fluffy words. It always depends on the execution.
>I actually like that - nature easily integrates it back into itself.
Water infiltration causes mould and other nasty problems for the people inside, and it makes the exterior physically crumble apart. It's not a thing to be celebrated.
"It looks good when it's fucked up" is the last refuge of indefensible monumentalism; reminiscent of Albert Speer's "Ruin Value", likely devised because he was smart enough to realize his buildings wouldn't survive the decade.
It shouldn't have to be said, but the main function of a building is to keep nature out.
>As for the anti-human, I always read it as a reminder that there are things bigger than human, which may be why brutalism is so popular with governments.
You can make big things to provoke feelings of awe and wonder, or feelings of intimidation and powerlessness. It's a choice. And art is only a welcome "reminder" when it's occasional. People put a skull on their shelf, so that when their eye lands on it some drowsy evening, they are reminded: memento mori. But nobody would like it if every advert on the tube said "you're going to die someday lol". You can't get away from architecture; a brutalist city is one where people cannot go about their day without being reminded that they are tiny and insignificant, and powerful people can do what they like to them.
Water infiltration causes mould and other nasty problems for the people inside, and it makes the exterior physically crumble apart. It's not a thing to be celebrated.
"It looks good when it's fucked up" is the last refuge of indefensible monumentalism; reminiscent of Albert Speer's "Ruin Value", likely devised because he was smart enough to realize his buildings wouldn't survive the decade.
It shouldn't have to be said, but the main function of a building is to keep nature out.
>As for the anti-human, I always read it as a reminder that there are things bigger than human, which may be why brutalism is so popular with governments.
You can make big things to provoke feelings of awe and wonder, or feelings of intimidation and powerlessness. It's a choice. And art is only a welcome "reminder" when it's occasional. People put a skull on their shelf, so that when their eye lands on it some drowsy evening, they are reminded: memento mori. But nobody would like it if every advert on the tube said "you're going to die someday lol". You can't get away from architecture; a brutalist city is one where people cannot go about their day without being reminded that they are tiny and insignificant, and powerful people can do what they like to them.
> Water infiltration causes mould and other nasty problems for the people inside
Then build it accordingly - use water management techniques such as impermeabilization, double walls, drainage, and so many others that ensure the building is safe and sound because rain tends to fall on them anyway and it's not like things like green roofs are a universally bad thing - they even help with heat management. And suspended gardens were even a thing in Babylon.
> It shouldn't have to be said, but the main function of a building is to keep nature out.
No. It's to keep people comfortable, to foster human relationships and social activities within and around it, gently guiding people towards a goal without them realizing it. Architecture was never about buildings - it's about the people who use them.
Then build it accordingly - use water management techniques such as impermeabilization, double walls, drainage, and so many others that ensure the building is safe and sound because rain tends to fall on them anyway and it's not like things like green roofs are a universally bad thing - they even help with heat management. And suspended gardens were even a thing in Babylon.
> It shouldn't have to be said, but the main function of a building is to keep nature out.
No. It's to keep people comfortable, to foster human relationships and social activities within and around it, gently guiding people towards a goal without them realizing it. Architecture was never about buildings - it's about the people who use them.
Well, lots of things do look good like that. E.g. a cottage with roses growing round the door. But agreed that just lack of environmental control, while beautiful in its own devaying way, is not great for the people who have to use the building.
Isn’t there a take on brutalism that explicitly incorporate plants into the building itself? Green and concrete makes a good mix.
There are lots of examples.
I grew up with a lot of that: https://www.nytimes.com/2019/08/15/t-magazine/tropical-bruta...
I grew up with a lot of that: https://www.nytimes.com/2019/08/15/t-magazine/tropical-bruta...
As a webdesigner this is something I subscribe to, with one exception: websites where falling out of the norm in a certain way is part of the point that needs to be communicated (e.g. an artist portfolio).
The ML in HTML stands for "markup language". Too many frameworks produce garbage markup, which is why for typical CMS systems I write my own themes that use HTML as it was intended to be used.
One of my favourite German hacker/nerd blogs uses more or less the browsers defaults for ages now and it is so blazingly fast that it is my regular "does the internet work"-website: https://blog.fefe.de/
The ML in HTML stands for "markup language". Too many frameworks produce garbage markup, which is why for typical CMS systems I write my own themes that use HTML as it was intended to be used.
One of my favourite German hacker/nerd blogs uses more or less the browsers defaults for ages now and it is so blazingly fast that it is my regular "does the internet work"-website: https://blog.fefe.de/
I'm a big fan of https://brutalist.report for this
"The day's headlines delivered to you without bullshit."
"The day's headlines delivered to you without bullshit."
| "Only the act of design can make the content less readable"
I disagree with this, HTML in it's raw rendered state is not pleasant to read. You have to apply some rules (or specify the rules in your browser) to get the text to a state where it is pleasant to read.
I disagree with this, HTML in it's raw rendered state is not pleasant to read. You have to apply some rules (or specify the rules in your browser) to get the text to a state where it is pleasant to read.
Well, it's not going to get less readable if you do nothing, which I think was the point. You're getting at being able to make it more readable with design, which is possible, and addressed a few sentences later. But, the defaults aren't too bad: black text on white, blue or purple hyperlinks with underlines, larger headings, responsive, etc. The one thing I would always do is enforce a maximum line length for larger monitors.
The only successful submission of this was in 2018 with 312 comments: https://news.ycombinator.com/item?id=17478133
Only links and buttons respond to clicks, and buttons look like buttons - finally! Flat design is moronic, and this smartphone thing of magic zones to stroke is awful.
Shameless plug, but I've designed my own website as a love-letter to the honest, content-first design of very early 90s: https://jevgeni.tarassov.ch/
Someone else already commented about how this has nothing to do with brutalist architecture.
But it also has nothing to do with brutalist websites.
There’s really no relation between this list of guidelines for brutalism and between sites that actual people would describe as brutalist.
That term has been kicking around for a few years now. Personally, I always felt it a very evocative definition for these kinds of sites:
https://brutalistwebsites.com/
A few other key words that come to mind are “artsy”, “experimental”, perhaps “post-modern”. And also “barren”, “self-important”, “hostile”.
What the guidelines in this article have in common is not that they lead to brutalist websites, it’s that the lead to good websites.
So why hijack a confusing term?
But it also has nothing to do with brutalist websites.
There’s really no relation between this list of guidelines for brutalism and between sites that actual people would describe as brutalist.
That term has been kicking around for a few years now. Personally, I always felt it a very evocative definition for these kinds of sites:
https://brutalistwebsites.com/
A few other key words that come to mind are “artsy”, “experimental”, perhaps “post-modern”. And also “barren”, “self-important”, “hostile”.
What the guidelines in this article have in common is not that they lead to brutalist websites, it’s that the lead to good websites.
So why hijack a confusing term?
"hostile" for a website that doesn't force its users to download megabytes of javascript and images to be usable? That's not quite what I would say.
I miss the times when this was considered the standard for web design.
I find brutalist architecture, designs and aesthetics as a regression in design. I really hope this trend will end someday.
Literally a brutal regression.
It's a fun exercise, from my (hazy) memories of college lectures, Brutalism is roughly:
- structural elements aren't obscured by decoration - infrastructure (cabling, conduits, piping, ductwork, etc) is likewise 'left exposed' - building materials also left unadorned - physical shapes are building-blocky, not 'finished' - visual design elements are strictly utilitarian, or incidental to materials
I've gotta say while I mostly agree with the author, this article's "A website's materials aren't HTML tags, CSS, or JavaScript code" claim really rubs me the wrong way right off the bat - the structural elements are absolutely HTML and CSS and JS. HTML is the physical architectural structure, CSS is the visual treatment, and JS is the infrastructure that allows interactivity.
If anything, default browser styles would seem to be the nearest we've got to "HTML (structural elements) aren't obscured by decoration (CSS)." No rounded corners, no drop shadows, no parallax. Which makes "The default visual appearance of a button is often unpleasant or clashes with the visual language of the site" - I think under Brutalism, the clash would essentially be accepted as a hazard of "building materials left unadorned." Maybe you could sneak it in under "visual design elements are strictly utilitarian," as visual design is an incredible tool for usability
Leaving the infrastructure (JS) out in the open is a little trickier, though I guess you could point to open sourcing your codebase and not obfuscating your production code so it's easily reviewable in the Dev Tools as a way to satisfy that ideal. Static HTML sites also seem like they'd be a little more in line with Brutalism than SPAs I suppose.
- structural elements aren't obscured by decoration - infrastructure (cabling, conduits, piping, ductwork, etc) is likewise 'left exposed' - building materials also left unadorned - physical shapes are building-blocky, not 'finished' - visual design elements are strictly utilitarian, or incidental to materials
I've gotta say while I mostly agree with the author, this article's "A website's materials aren't HTML tags, CSS, or JavaScript code" claim really rubs me the wrong way right off the bat - the structural elements are absolutely HTML and CSS and JS. HTML is the physical architectural structure, CSS is the visual treatment, and JS is the infrastructure that allows interactivity.
If anything, default browser styles would seem to be the nearest we've got to "HTML (structural elements) aren't obscured by decoration (CSS)." No rounded corners, no drop shadows, no parallax. Which makes "The default visual appearance of a button is often unpleasant or clashes with the visual language of the site" - I think under Brutalism, the clash would essentially be accepted as a hazard of "building materials left unadorned." Maybe you could sneak it in under "visual design elements are strictly utilitarian," as visual design is an incredible tool for usability
Leaving the infrastructure (JS) out in the open is a little trickier, though I guess you could point to open sourcing your codebase and not obfuscating your production code so it's easily reviewable in the Dev Tools as a way to satisfy that ideal. Static HTML sites also seem like they'd be a little more in line with Brutalism than SPAs I suppose.
Honestly, without irony - this is peak web design for me.
Works nicely on lynx[1] and does exactly what it says on the tin[2]...
[1] https://en.wikipedia.org/wiki/Lynx_(web_browser)
[2] https://en.wikipedia.org/wiki/Does_exactly_what_it_says_on_t...
[1] https://en.wikipedia.org/wiki/Lynx_(web_browser)
[2] https://en.wikipedia.org/wiki/Does_exactly_what_it_says_on_t...
While I agree with the sentiment (and motivation) the layout (and hence the readability) suffers: the hierarchies are off (for example the gigantic "Colophon" at the end), section titles too big and there is visual noise due to "permalink" scattered around, etc. All this could still be fixed without adding elements or styles but just by choosing the correct weights and slightly better rules.
Does anyone have any examples of baroque web design?
https://linear.app/
From Wikipedia: “The Baroque style used contrast, movement, exuberant detail, deep colour, grandeur, and surprise to achieve a sense of awe.”
Fits IMO.
From Wikipedia: “The Baroque style used contrast, movement, exuberant detail, deep colour, grandeur, and surprise to achieve a sense of awe.”
Fits IMO.
[deleted]
Don't agree that links should be underlined. When there are a lot of links, underlining them makes the paragraph look very messy and hard to read [1]. Wikipedia for example does not underline its links. Just keep them blue.
[1] https://ux.stackexchange.com/a/7068
[1] https://ux.stackexchange.com/a/7068
Well, if we're talking about links in continuous text, they should definitely be underlined. Otherwise, they fail the WCAG success criterion 1.4.1.[1]
[1]: https://www.w3.org/TR/WCAG20-TECHS/F73.html
[1]: https://www.w3.org/TR/WCAG20-TECHS/F73.html
I am all for the design proposals here and I wish the web looked more like that.
But:
> A website is neither an application nor a video game. It is for content, and so its design must serve that purpose.
No, a website is for selling something, anything, to someone, anyone. So on most sites it follows that design is built/tortured to achieve this goal.
But:
> A website is neither an application nor a video game. It is for content, and so its design must serve that purpose.
No, a website is for selling something, anything, to someone, anyone. So on most sites it follows that design is built/tortured to achieve this goal.
At least on my iPad's Safari, the below is presented in blue on a black background, barely readable due to long-understood asymmetries in the human retina's response to color:
> Content is readable on all reasonable screens and devices.
The site fails to meet its own stated design criteria.
> Content is readable on all reasonable screens and devices.
The site fails to meet its own stated design criteria.
Brutalist web design is, I think, the best web design. Or at least, it's the sort that I find works the best for me. One of my problems with most modern web design is that it's so full of unnecessary visual fluff and frippery.
I don't know, I might enjoy Roccoco web design — it seems what we have today is just plain user-hostile. Dystopian web design?
Is it really brutalist if nothing is visibly and unappealingly weather-stained?
I thought brutalist went design was about a visual aesthetic.
Brutalism is a word that means something when it comes to architecture, and is just used as a catchy word for hipsters in webdesign communities, there is nothing more to that, it's yet another design fad like "flat".
There’s more to it. The philosophy behind the architecture (functionalism, simplicity, and keeping the raw material’s appearance instead of hiding it) maps very well to a philosophy of web design. The main difference is that “raw” now refers to (roughly) the HTML code rather than concrete. The other points, simplicity and the utilitarian character of the layout and of the underlying code, and buttons that look like buttons (analogous to doors that look like doors) are very similar.
In contrast, “flat” is just a visual style.
In contrast, “flat” is just a visual style.
[deleted]
Webdevs trying to ruin everything as always.
So kinda like a "Suckless" Web Design Guide
It's about functionalism.
| "A website is not a magazine, though it might have magazine-like articles. A website is not an application, although you might use it to purchase products or interact with other people. A website is not a database, although it might be driven by one."
This feels overwrought. A website is a collection of documents (webpages). That's it. A document is just a vehicle to store and/or transmit information. They can be made to be pretty and engaging to make that information easier to consume.
This feels overwrought. A website is a collection of documents (webpages). That's it. A document is just a vehicle to store and/or transmit information. They can be made to be pretty and engaging to make that information easier to consume.
If a website is only a collection of web pages then you cannot have Amazon, hotels.com or any other site where the user pays money and receives something physical as a purchase.
So the document metaphor is too simple as it only describes what happends at the html/css level but not how the user interacts with the site and the purchases that result from this interaction.
So the document metaphor is too simple as it only describes what happends at the html/css level but not how the user interacts with the site and the purchases that result from this interaction.
But it's not a metaphor, it's literally how browsers as clients relate to webpages. Your browser is essentially just a very specialized document viewer. It's capability to enable those documents to dynamically incorporate other internet resources (like Amazon or Hotels.com do) even has "document" in it's name: Document Object Model. Sure, those other resources can be a component of the site, but they're mostly useless without that document providing interaction with them.
In the same way as this was a mistakes for building (beauty matter) it is too for website.
We human respond to more than the "content" or raw function of things. We have an emotional connection with everything.
The visual cues, the color, the composition all affect how you are perceive and use a product or house.
The brutalist look shout to other this place is about business/information, I despise beauty and think it’s a waste of time.
I despise form that gets in the way of the function. Beauty is in designing practical and effective things in a creative way.
Currently, "basement" exemplifies the pinnacle of brutalist website design.
I’m not sure what that is, but throwing my hat in for www.marxists.org
It's a web agency https://basement.studio/
Whatever it is called, I like it. I would love to stop seeing “click here” hyperlinks
Is there a similar approach to this for web applications UI/UX?
If your web doesn't work under Dillo, it's not brutalist.
Brutal honesty here: My eyes! Waiting for this trend to go extinct.
That guide and website is the least worst I've see in this style, but the general brutalist web-design makes me want to turn off the computer.
That guide and website is the least worst I've see in this style, but the general brutalist web-design makes me want to turn off the computer.
I think that they should change the font, other than that it would be ideal.
I'm not even criticising that website which honestly isn't that bad, but the trend.
Yes, please.