{"id":18460,"date":"2021-01-08T15:00:03","date_gmt":"2021-01-08T14:00:03","guid":{"rendered":"https:\/\/qodeinteractive.com\/magazine\/?p=18460"},"modified":"2023-08-30T16:20:45","modified_gmt":"2023-08-30T14:20:45","slug":"best-examples-of-brutalism-in-web-design","status":"publish","type":"post","link":"https:\/\/qodeinteractive.com\/magazine\/best-examples-of-brutalism-in-web-design\/","title":{"rendered":"60 Best Examples of Brutalism in Web Design"},"content":{"rendered":"

[vc_row][vc_column][vc_column_text]Brutalism is an architectural style that emerged in Europe after World War II and reached its heyday in the 1950s and 60s. Its name comes from the French \u201cb\u00e9ton brut\u201d, meaning raw concrete – an expression that perfectly complements the ideas and characteristics of this style.
\n[\/vc_column_text][vc_empty_space height=”28px”][vc_column_text]Brutalism unapologetically strips things down to their very essence and is known for its industrial, raw look and use of simple geometric shapes. Bare as it is, brutalism leaves a strong impression on the observer and communicates directly with them.
\n[\/vc_column_text][vc_empty_space height=”28px”][vc_column_text]However, brutalism offers more than just pure functionality. It also provides us with highly enjoyable aesthetic experiences<\/strong>. This quality has been recognized in many creative fields, including web design.[\/vc_column_text][vc_empty_space height=”28px”][vc_column_text]Brutalism<\/strong> in web design is characterized by its raw appearance and experimentality<\/strong>. This is a nonconforming style that rebels against the established web design trends<\/strong>, and is known for the use of primary and web safe colors, gradients, and shadows<\/strong>. The works are filled with raw interactions and micro-interactions<\/a><\/strong> that usually appear on hover. Typography is heavily present on sites, so font choices and letter sizes have a great visual impact<\/strong> on the final result. The use of straight lines, divided screens, the lack of clear hierarchy, the use of 90s inspired web graphics and motifs from pop culture are all typical of brutalist projects<\/strong>. Designers rely on hand-coded HTML (often with minimum amounts of CSS) and they prefer to use simple navigation. On some sites, there is no navigation at all, and their layouts often make zero sense. There are no clear rules, which results in the creation of authentic designs.<\/strong>[\/vc_column_text][vc_empty_space height=”28px”][vc_column_text]Some web designers push brutalism to the extreme, so much so that they purposefully ignore the widely accepted web design practices established over the last 20 years. As a result, they create works that often become a total opposite to that which is beautiful, sensical, and functional (as often seen in architecture). In the world of web design, such works could even be described as ugly, trashy, and even pompous, since in the most extreme cases, they completely neglect functionality and the users\u2019 needs.
\n[\/vc_column_text][vc_empty_space height=”28px”][vc_column_text]In web design, brutalism is still being developed and experimented with. Creatives are modifying it and exploring which elements to use and in what amount. You will come across extreme examples with all characteristics we\u2019ve mentioned earlier, while others will be practical, refreshing, intuitive, and user-friendly, with a simplified layout and a logical UI and UX.
\n[\/vc_column_text][vc_empty_space height=”28px”][vc_column_text]In this article, we will introduce you to some of the finest examples of brutalism in web design. All of these sites are boundlessly imaginative and they stand as a lovely illustration of the unparalleled brutalist creativity:
\n[\/vc_column_text][vc_empty_space height=”22px”][\/vc_column][\/vc_row][vc_row][vc_column]