Rustam K. Lead Designer

Brutalism in web design

Brutalism refers to the "raw and rough concrete" design aesthetic that swiftly gained popularity in the post-war era and is primarily linked with architecture. However, brutalist design places greater emphasis on the word "raw" when it comes to website design.

The brutalist website uses a similar raw design aesthetic and makes an effort to convey the site's features and content in a reactive, direct, unattractive, humorous, or occasionally even odd way.

They frequently make the most of simple activities like shake, dangle, or autoplay, vivid color, gradient or shadow blocks, strong and large lettering, split screens, and other attractive designs to exaggeratedly show essential information.

Sometimes, websites with some brutalism don't even have a clear navigation or hierarchy; instead, they feature a straightforward list or table layout that makes things easier for visitors to traverse.

In other words, a brutalist website prioritizes user experience and benefit over aesthetically pleasing design. Due to its unpolished appearance and experimentation, it gained popularity quickly.

Why are brutalist websites gaining so much traction?

Because: a lot of businesses and designers use brutalist design

Websites that are unpolished stand out more readily.

Because they use similar design patterns and technologies, you may notice when surfing websites online that most common websites today appear the same. A website with unpolished layouts, interactions, typefaces, graphics, and typography will undoubtedly stand out from the other websites of today.

The younger generation is often drawn to the brutalist design aesthetic.

Younger generations have introduced the brutalism design movement. It keeps pace with the younger generation, which enjoys novelty, challenge, and change. This makes websites more appealing to younger users.

Brutalism prominently displays important details and elements.

As we've already mentioned, brutalist websites frequently showcase their key features and material in exaggerated ways, making it easier for users to access the essential information. During the same procedure, a distinctive company identity will also be developed.

How can a website on brutalism be made?

In addition to the standard website design procedures, the following helpful advice should be kept in mind to make a brutalist website stand out:

Recognize your audience.

User research is important for all types of websites, regardless of what kind you are aiming to build. The same holds true for brutalist website design. You should constantly conduct audience research to understand what visitors are actually looking for from your web application before highlighting the appropriate information and features.

Try different sizes and shapes.

Use odd letter or picture sizes, bold but monospaced font, unusual shapes, and other components to produce a strong visual impact on your audience in order to offer your material in an appealing and effective manner.

Use stark color or size contrasts.

You should attempt to use strong color or dimensional contrasts in addition to visual aspects like colors and shapes to draw attention to some crucial content or elements.

Observe the fundamental guidelines for website design.

You should always learn and abide by all the fundamental web design rules, regardless of why you want to build a brutalist website. For instance, the material is always at the top no matter what. Your website or app should always be consistent. Never stop refining the layout of your website for speedy crawls and other purposes.

To maintain your site's effectiveness, usability, and accessibility to users, you should always keep the fundamental design principles in mind. This is one of the key strategies for avoiding the creation of unreliable websites.

Get a creative brand asset as a bonus