If you have chanced upon a website that looks something like Hacker News, The Drudge, Adult Swim and Bloomberg Businessweek Features, and you are wondering if these sites have been hacked, then you need to update your aesthetics. Apparently, controlled chaos and deliberately difficult UI are the in things in website designing right now.

All the websites named above were built earlier this year or maybe last year, but none before that. Yet they reflect the style of crude hand-coded websites that were the norm of the ’90s. They are indeed built on hand-coded HTML5 platforms. They are heavily inspired by the early ’90s graphics that add a touch of “ugliness” to these websites.

This school of website design is known as Web brutalism. This style was introduced by Pascal Deville. In 2014 he founded the brutalistwebsites.com, a collection of websites and website templates that eschew the much lauded user-friendly and easy to navigate templates that is the norm. Deville is now the Creative Director of Freundliche Grüsse, an ad agency in Zurich. He still creates brutalist designs and has started a global movement.

What are the few traits that define brutalism?

A number of well known websites are going for the “brutal” look and this includes Apple’s 2016 Developer’s Conference website. The defining traits include:

  • A huge portion of negative space
  • System fonts that are designed to mimic lines of codes
  • Uncluttered content with few on-page elements
  • Raw images without any filters and edits
  • Almost no illustration and graphics

You can check out a few more websites that have gradually adopted brutalist sentiments to reach out to a crowd harking for simplicity and minimalism. 37signals, Serge Khineika and Hacker News have been boisterously showing off their brutal user interface for quite a few months now.

What actually defines the brutalism trend of websites?

hackernews-brutalism
Hacker News like websites define brutalism

The new templates are characterized by a certain ruggedness and lack of finesse. This term got picked up really fast by the media and a lot of new designers from the younger generation seem to be taken by the idea of a minimal yet chaotic organization of a webpage. Brutalism lies at the very core of a website. It is more about the crude styles and lack of optimization rather than a specific look the websites are set to achieve. Brutalist websites are defined by a set of simple markups and inline styles that do everything possible to keep a website super light and super fast.

Back to the basic fonts and system palettes

icar-brutalism
Government websites are mostly brutalistic

One particular feature that is common to all brutalist websites is the lack of fancy and comfy fonts. The designers have once again gone back to the caveman days of the internet to dig out Times New Roman and Arial as the main website fonts. The color palette is as minimal as the font option and the system fonts definitely go hand in hand with the color options. In the initial days of website building and designing, coders usually went with the 216 browser safe colors. The brutalist website creators have brought back that raw fervor to their websites using default system colors. You can see a lot of pure green, blue and red in the new era websites. And if the designers need some variety to jazz things up, they can always call upon bevels to save their day!

What about the images?

The brutal features and aesthetics don’t stop here. These websites only feature those images that look and definitely feel like they are from the pre-Instagram and pre-Snapchat era. These images are not touched with any AI or PS. They simply work as accompaniment of minimal text that serves the purpose of the websites.

Breaking the conventions and norms of optimized designs

craiglist-brutalism
Craiglist is an example of epitome brutal design

The beauty about brutalism is that it does not conform to the perceived notion of organization and beauty. It came from the drive to create something original and that is exactly what it is. The founder of trulybald.com, Jake Tobin was earlier quoted saying, “it is not just how they look. It is also about how these websites are built. These world-class websites are built using HTML5 codes but they are not defined by a set of aesthetic codes.”

What do the big honchos have to say about the new trend?

Nathaniel Smith of tilde.town echoed his sentiments, “we started our website to show that we can do exceptional things together even without sticking to the ‘best practices’ as people know it.”  According to Nathaniel, “People do not have to be ashamed if they do not want to burden their creativity with megabytes of JavaScript and CSS codes just to make their sites look pretty”. He shared his views in an interview with Deville that conveyed to the netigens about the intentions behind the brutalist movement. It is a new initiative to re-introduce minimalism in web that will not slow down crucial websites involved in corporate interests and surveillance. His own website is regenerated every 30 minutes via some Python run by a cron script. Most of the HTML codes are edited with vim or using emac’s tramp mode. Smith is unequivocally partial towards spacemacs while modulating his websites.

Conclusion —Take-home message

Brutalism has been there for at least 60 years now. It is only recently that brave-hearts like Smith, Deville and Tobin have set out to rediscover it. The resurgence of brutalism in 2016 signifies that it is more of a design choice and a personal statement. In one way sticking to the bare minimum is a strong move that shuns everything conventional and publicly lauded as “aesthetically pleasing”. As a result, brutalism has a separate appeal that makes the websites and the designers stand out forever.

Total
0
Shares


Feel free to ask questions, send feedback and even point out mistakes. Great conversations start with just a single word. How to write better comments?
1 comment
  1. Very interesting post, it is impressive how the design community could transform something that was seen on buildings for more than 60 years and convert into websites, but I think it can’t be used for every industry, it is more successful when is a company correlated with some sense of creativity, I would like to recommend this article that depicts the vision of a ux designer https://www.imaginarycloud.com/blog/why-we-need-web-brutalism/

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

You May Also Like

Meet True Blogger : Free Genesis Child Theme for WordPress

True blogger is a new free WordPress theme made for genesis users. Powered by robust base of Genesis Framework and curated by my strong CSS modifications, this genesis child theme is responsive, content focused and SEO friendly. Features True blogger is feature rich, content centric WP theme made with cleanest code possible. Some of the most important features included are…

5 Powerful Ways to Help Your Website Grow in 2017

I often meet and chat with business owners who are seeking advice about their website.  Often they come to us after having completed a site through another agency.  In fairness the websites look great, functions well and yet the business owner who has invested their hard-earned money into the project is desperately searching for the answer to understand why the…

Top 3 Trends in Website Building in 2019

The first half of the year 2018 has come and gone, but it’s never too late to make changes, whether it is for yourself or for your business. Whether you have just put a business, or you’ve had it for a while now, you know that in this day and age, one of the most important ways to get new…

Why do you need a website for your business?

Not a long while ago, I found a lead on a good client that could use my web-development skills for their business. They were in catering business which was growing rapidly. I learned from a friend that they were planning for an expansion to be an inter-city business. I took it as a chance to earn a new client. I prepared…

The 10 most obvious reasons for using responsive design in 2015

In the ever-expanding world of today, it is very hard to keep up with the competition if you don’t incorporate responsive design into your websites. By using responsive design you ensure that your content is properly displayed, irrespective of what device you use to access particular type of information. The list below is compiled for those who are not yet…