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?

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

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 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.

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

10 Tips To Create An SEO-Friendly Website

Search engine optimization or SEO is getting recognition for promoting quality content and great practices. Your present website might look very cute, hip and fresh; however, if you don’t practice updated SEO standards, you might risk having little or no traffic at all. It would be a waste to invest all those resources in creating the best-looking website if your…

15 Points checklist to improve your site’s readability

Everything on your site will be meaningless if people can’t read it! Readability is an important website usability factor that influences consumer behaviour as well as general subscriptions. No matter how good your blog post or sales copy is, it wouldn’t generate engagement if the readability is poor. A study by Nielsen Norman Group found that only 16% of users…

Design Essentials You Should Implement into Your WordPress Blog

Your blog is the culmination of hours of hard work. Whether you are blogging to share personal insights, or as part of a business strategy, you want to make sure that your hard work pays dividends in blog visitors and subscribers. A good site design is one of the ways that you can set yourself apart from the competition. Knowing…

Build a Great Niche Website with 4 Right Steps

Website building is usually pretty straight forward. Company information, displayed in a theme and style that fits the business and appeals to the potential customer that employs the right keywords is a great start. Good graphics, themes and designs are vital to any website, but in some niche industries, you need to go deeper and think a little further ahead.…

Now is the best time for Your New Business Website

If you’re going to go into business, you need to do it right. This means developing or designing the best web your consumers can get. The site you’d put up — needs to be decked out with all of the latest technologies and modern features, whether that be e-commerce elements like an online store — or a blog/magazine or gallery to…