The term brutalist web design was first coined by Pascal Deville, a founder of the brutalistwebsites.com. Even if you’ve never heard of this term, I bet you’ve probably visited a few brutalist websites without even knowing. Here’s how Deville defines a brutalist website:
“In its ruggedness and lack of concern to look comfortable or easy, Brutalism can be seen as a reaction by a younger generation to the lightness, optimism, and frivolity of today’s web design.”
When designing a brutalist website, aesthetic beauty is not even the fifth thing on your mind. This is probably good news for full stack developers who aren’t big fans of front-end. Nonetheless, there is still a difference between a poorly designed website and a brutalist website. The difference is that brutalist websites are ugly on purpose.
Unbothered, raw, ugly, reactionary, bold, uncomfortable are some of the words one can use to describe a brutalist website. If you’re a nerd like me, by now, you’re probably wondering how could such a strange design movement even be a thing? We need to dive deeper into brutalist web design’s architectural roots for the answer.
National Theatre by Simone Hutsch
Brutalism is an architectural style that was very popular from the 1950s up until the 1980s. In particular, institutional or civic buildings adopted this style. There are many reasons for its popularity, but the main one is associated with World War 2. After the devastation created by the war, there was a need to build offices, schools, churches, and other buildings and quickly. Because of the war, cheap concrete and steel were abundant, which are the primary materials used to build brutalist buildings. The affordability and practicality were crucial elements, and so Brutalism slowly took over the big cities of the world. In particular, UK and Eastern European Communist countries.
The main characteristic of these buildings is the celebration of the quality of construction materials and the structural elements used. Look at the National Theatre in London, one can see the inside structure of the building without even entering it. There is something very sincere and honest about it.
The term ‘brutalism’ comes from the French phrase, béton brut which means ‘raw concrete’. These buildings are seen by most people as very unfriendly, ugly, and intimidating. (Does this remind you of something?) For this reason, brutalism is perceived to be one of the most divisive styles in architecture due to the strong emotional response it elicits from people. Also, the fact that it was associated with communism, does not make things any better.
Interestingly, recently there has been a resurgence in interest in brutalism. In the last 5 years, numerous books about brutalism were printed like, How to Love Brutalism, Atlas of Brutalist Architecture, Brutal London, The Art of Brutalism, and many others. On social media, Instagram pages like @brutal_architecture have almost 200,000 followers. Clearly, something is happening. It would be outside of the scope of this article to go into the reasons behind this resurgence, but Brad Dunning from GQ has put an interesting hypothesis which I quite like:
“Brutalism is the techno music of architecture, stark and menacing. Brutalist buildings are expensive to maintain and difficult to destroy. They can’t be easily remodeled or changed, so they tend to stay the way the architect intended. Maybe the movement has come roaring back into style because permanence is particularly attractive in our chaotic and crumbling world.”
I like to think of this resurgence as part of a cycle. There is definitely a reactionary element to it, which means that being surrounded by modern corporate buildings made out of a glass makes these concrete monsters stand out more and maybe even be appreciated.
So, armed with knowledge from architecture, we can put brutalist web design in perspective. Firstly, it is clear why this style of web design is named after the architectural style that literally translates to ‘raw or unfinished concrete’. These websites can evoke very much the same emotions that a brutalist building can. Secondly, the strange appearance of these websites can be also attributed to reactionary attitudes among younger people. I’m going to go even further and suggest that there are even practical reasons for their appearance. Just like brutalist buildings stand out from the rest of the buildings in big cities and therefore garner a lot of curiosity from people, brutalist websites stand out from the rest of modern websites. You’d have to agree that most conventional websites today all look the same. One of the reasons for this is that they are all copying each other and following the same popular trends. There is nothing wrong with that, but this means that it becomes more and more difficult for individual websites to stand out. So this reaction could be fuelled by what I would refer to as a punk attitude of complete disregard to conventional rules to make a statement.
Okay, now you’re probably wondering which features define a brutalist website and how can I spot one in the wild? Matt Stewart of the Creative Momentum has put together a comprehensive list of features which I am going to borrow.
I would say that these are not hard rules that one has to follow to make a brutalist website and a website certainly does not have to check all of these points to be considered a brutalist website. In fact, if we consider the reactionary and punk nature of brutalist websites, making a list of rules would be unwise.
Pascal Deville himself distinguished between three different micro styles within brutalist web design, purists, UX minimalists, and artists:
“The purists reference strongly to the architectural characteristics of Web Brutalism, such as the concept of ‘truth to materials’ and the use of the purest markup elements available. The UX minimalists, in contrast, see efficiency and performance as the main driver of Web Brutalism and even believe that the radical limitation of possibilities can boost conversions. The ‘anti-ists’ or artists see web design as an (still) undervalued form of art and don’t show much respect the status quo and mostly get bad press.”
One might argue that these categories are limiting, but in my opinion, they will allow each style to flourish on its own and develop further. Especially because people who champion them are from very different crowds. To illustrate these styles I will provide one example from each and maybe you can make up your own mind about them.
If you know anything about brutalist web design this one was probably expected. I would say that Craigslist is probably brutalist web design in its purest form. It has very minimal CSS and stays very true to the ‘core materials’ so to speak. Just like in brutalist buildings concrete and steel are used as the primary construction materials, purist brutalist websites focus on using as few elements as possible. Surprisingly, a lot of people would probably be unhappy if craigslist was to change and modernize all of a sudden. So, from a UX perspective, I would argue it could be a bad idea to redesign it. In Nir Eyal’s famous book Hooked he explains just how important habits are and even if a new design might be better in theory, the need to relearn the interface would lead to people just getting annoyed and frustrated. Don’t fix problems that don’t exist.
Okay, this was a difficult one to pick. There are a lot of websites today that utilize a minimalist UX/UI approach. I decided to go with the American fashion de
- 改編自日本漫畫家吾峠呼世晴的作品，延續動畫第一季劇情。劇情描述炭治郎等人完成「蝴蝶屋」的訓練，下一個目的地是開往黑暗的「無限列車」。炭治郎與「炎柱‧煉獄杏壽郎」會合，新的任務即將開始！ 片長：117分 上映日期：2020/10/30 廳數 (92) 《Kimetsu no Yaiba: Mugen Ressha-Hen》（韓語：Kimetsu no Yaiba: Mugen Ressha-Hen，
- 《拆弹专家2 》 完整版 【Shock Wave 2】电影 完整版完整版 拆弹专家2的剧情简介 · · · · · · 香港某处发生爆炸案，前拆弹专家潘乘风（刘德华 饰）因昏迷于现场，被警方怀疑牵涉其中。苏醒后的潘乘风只能一边逃亡一边查明真相，然而，他的好友董卓文（刘青云 饰）和他的前女友庞玲（倪妮 饰）却给他讲述了两段截然不同的经历。有计划的爆炸案接二连三发生，真相却越来越扑朔迷离.
- Новый неизвестный вирус превращает Москву в город мёртвых. Электричества нет, деньги потеряли свою ценность, те, кто ещё не заражён, отчаянно сражаются за еду и бензин. Сергей, его любимая и её сын-аутист живут за городом, где пока ещё безопасно. Но он не может бросить в беде бывшую жену с сыном, хоть она и ненавидит его. Сергей едет в Москву и чудом вывозит из умирающей столицы женщину и ребёнка. В пути к ним присоединяются также отец героя и довольно наглые соседи. Люди, которые в другой ситуации никогда не оказались бы под одной крышей, вынуждены забыть прежние обиды и отправиться в полное смертельных опасностей путешествие в Карелию, к уединенному охотничьему домику, расположенному на необитаемом острове посреди озера...