Is Brutalist design coming back as Carbon Conscious?
Tags: design, webdev, html, javascript
Published: 2021-04-05 18:19:56

Earlier this week the new Space Jam 2021 trailer dropped and of course, the movie needed its own website. As by now the original website from 1997 is an iconic part of living internet history I expected the original website to be somehow incorporated into the marketing campaign. It was not. 
![tweet about the new space jam website](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dx5wey1xq73gv5b81dql.png)

Luckily the original Space Jam website was not completely defaced, just relocated to https://www.spacejam.com/1996/

However, I am surprised the marketing team decided to ignore the original iconic site. Especially since more and more contemporary websites try to mimic the 90's Brutalist aesthetic which has actually aged quite well.
![OG Space Jam](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0ync147nu05aay4z9tbk.png)
![New Space Jam](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/d1mt2ajkpd8cllukca0e.png)

### What is Brutalism?
Brutalist web design should not be mistaken with [Brutalist architecture](https://www.designingbuildings.co.uk/wiki/Brutalism#:~:text=Brutalism%2C%20also%20known%20as%20Brutalist,scale%20use%20of%20poured%20concrete.) - a style that became popular primarily in the UK after WWII. It is characterised by a ‘blocky’ appearance with a rigid geometric style and large-scale use of concrete. Brutalism prioritises functionality and structural elements over decorative design.

### What is Brutalist Web design?
There is no one definition of what is Brutalist Web Design. I would argue that it's more a “vibe” than a set of design principles (or lack thereof). Lewis Menelaws' wrote a [brilliant blog post](https://dev.to/lewismenelaws/brutalist-web-design-a-breath-of-fresh-air-in-the-modern-web-2jk5) trying to explain the design but for my purposes, I think Brutalist Design can be summed as a throwback to the internet of the late 90'ies.

The internet was the wild west with no existing conventions, patterns or rules. There were no existing solutions to problems like 'What should a navbar look like', or 'How does one present big data' because data was not yet big.
And though the imagination was limitless the developer toolset was very very limited. In fact, in the early 90's it was just HTML. PHP was born in 94, JavaScript in 95, CSS and Flash Player in 96 (if you are interested in web history [How We Got Here](https://www.youtube.com/watch?v=41mnNyMxPOA) by Richard Campbell is great). So Brutalist websites look either like stripped-down HTML or like they are trying to recreate Flash but on steroids.

Maybe this is Brutalism - a design that does not follow patterns.

### What Brutalism is not
Brutalism is sometimes equated with [unusable websites](https://arstechnica.com/gadgets/2019/07/behold-the-most-intentionally-poorly-designed-website-ever-created/). Visually the two are similar however they are worlds apart. 

Unusable websites feel like a design exercise that showcases the importance of design. Brutalism - is the design, and it does not equate with the absence of accessibility.

Arguably the 90's websites were more accessible than contemporary ones, if you needed a button you used the tag < button > not the < a > tag that was then styled to look like a button. My current personal website is HTML only and it scores 100% on accessibility.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5l2mmwbtpr7ous1m75d1.png)

### Some examples
Brutalism is a “vibe” not a set of rules so it's easier to show. Here is a shortlist of websites that fall under the Brutalist Vibe:

**The spectrum is pretty big**
From the really loud sites that look more like a collage that came to life:
https://www.toiletpapermagazine.org/
![Toiletpaper shop](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hltpfimaxv0njp96p1gl.png)
https://benhalpern.com/
![Ben Halpern](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/povss6ss4ghznm32db70.png)

To those that seem really basic:
https://x20xx.com/
![x20xx](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/sr3fm03skkapca86ktvo.png)

To somewhere in between: 
http://www.milliondollarhomepage.com/
![million dollar homepage](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cevwqdy4ajpbovjv94oj.png)

### Is Brutalism dead?
For many, Brutalism is an interesting yet unusable design - fascinating to look at but not commercially viable. The style is relegated to weekend projects and portfolio sites.

Speaking of personal websites, the creator of Sass [Hampton Catlin's portfolio website](http://www.hamptoncatlin.com/) is 'chef's kiss' meets 'big flex'.
![Hampton Catlin's portfolio website](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7hdih4nvao7rc0ewrprp.png)

### Brutalism the art world darling?
The only industry that seems to have many examples of Brutalist websites is Art. Why? I can only guess. Maybe because brutalism is perceived as creative, or maybe because it looks like you are cool without trying to be cool; Big Lebowski style. Or maybe because like an ad campaign for Vintage Volga or Gucci Brutalist web design screams ‘90s meets y2k.
![The Dude from Big Lebowski](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mbkakvync5lbevdi4z9l.jpg)
![Volga Vintage](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nt5b5riovsgskzlyev62.png)
![Gucci 2020 campaign](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nhrd03zoil9jjcbvhitc.png)

Or maybe because many art projects are not interested in selling to mass audiences. Some they are not for profit and others sell out before their work even goes on sale. Thus, their sites do not need to be a streamlined sales funnel. In some cases, the website exists just to showcase past projects.

Here are some of my personal favourites:
https://hannahbarry.com/
![Hannah Berry website](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gtc1w9dgz9rbh4ije0l9.png)
https://circa.art/
![Circa Website](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qg5qh1zzw97oomn6xwi9.png)
https://mschf.xyz/
![mschf](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hei88gk0iojizbnjbqt0.png)
https://www.stedelijk.nl/en
![stedelijk](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/z7rtiaz0ojh52slaxyl3.png)
http://kunsthallezurich.ch/en
![kunsthalle zurich](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bwv068p83dofcvacj89s.png)
https://www.cabinet.uk.com/
![cabinet](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/p93ibz0jkcuay9mhxobk.png)
https://www.greengrassi.com/
![green grassi](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dl2qfzgv77m331m3ih4g.png)
https://nicoletticontemporary.com/
![nicoletti contemporary](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mixm01kxmqcyctgvioty.png)
https://new.deappel.nl/nl/
![De Appel Amsterdam website](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0xtczipcy5ktu67vttv8.png)

And of course my own pride and joy https://climateart.org.uk/
![climate art](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jpj10krzb6sbzppdmno2.png)

### Brutalism as Climate conscious web design
Let's face it Millennials are a generation that was taught about climate change from primary school, if not kindergarten, and so was Gen Z. As we move from fast fashion to vintage, from cow milk to oat milk, from liquid soap to bar soap it's no surprise that some of us also started looking into the carbon footprint of their website via tools like [Website Carbon](https://www.websitecarbon.com/). Millennials (people between 25 and 40) now make the bulk of people currently working in tech and building websites.

And there are some incredibly high profile organisations that have adopted Brutalist design because it is environmentally friendly.

Elon Musk (love or hate him) has to always be in the avant-garde and the website of [Musk Foundation](http://www.muskfoundation.org/) is plain HTML with 7 lines of text. The website is perfectly in line with the climate-conscious mission statement.
![musk foundation](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/41c5q42ay8bs7fi0qt3j.png)

The art world darlings [Formafantasma](https://formafantasma.com/) wrote a climate manifesto when they redesigned their website. 
![forma fantasma website](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/b4r5u999wwct87zvesnc.png)

So what does this all mean? It means that there is an argument to be made that web design like all other design: fashion, interior, architecture, is cyclical. y2k is back not just in fashion but also in web design.

On a personal note as a person who knows enough about design to see what looks good and what looks bad but not enough to actually create a beautiful design the fact that we are moving in the carbon-conscious direction of less is more and basic is cool - makes me very very happy. If the Brutalist whimsy comes back repackaged as 'Good for the Earth', well, that's just brilliant news.

Returning back to Space Jam guess which of the two sites is better for the environment?
![New Space Jam website carbon results](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5pdvcs11pm1zmfv93x1q.png)
![OG Space Jam website carbon results](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/v8rrpcx3hqq1etcb6m0x.png)