Table Of Content
Like the neo brutalist architectural movement, this web design trend prioritizes geometric shapes and function. Cury Cafe’s website is proof that restaurants and canteens go great with brutalism, at least in the world of web design. Striking, rugged visuals, bright colors, a broken layout, beautiful call-to-action hovers, fun font choices, and attractive imagery are the elements that make this site as interesting as it is.
‘Anti-ists’ or Artists
Take a deep dive into the tales of triumph from our web design agency. Our clients enthusiastically recount their journeys, showcasing how our cutting-edge web design solutions have revolutionized their online platforms. We created a modern and approachable website for The California Endowment that conveys their mission in a transparent manner, helping them to achieve a more significant impact than ever before. Designing and developing for numerous screen sizes and devices takes precision, which is why our hand-crafted, innovative online solutions are second to none. The needs of digital consumers are not the same today as they were yesterday.
The key features of brutalist web design
Max Sidentopf’s portfolio is an example of a brutalist-minimalist website. Its interface successfully mirrors the absurdity present in most of his works, so it’s not surprising that the mouse pointer is shaped like a fish. The main navigation and project names are written in all-caps, sans-serif letters, while featured images take up the rest of the screen. As Deville originally pointed out, contemporary brutalism comes across as youthful and rebellious, and it usually aimed at younger, artsier audiences. Because it can be polarizing, brutalism has become common on more personal ventures, such as on portfolio websites or blogs.
De Vlieg & Kaskad Project
Clean textual sections, the absence of visual hierarchy, blue hashtags and links, square image blocks, the use of straight lines, and divided sections are all elements typical of brutalism. The designers did not go to any brutalist extremes and have kept things quite tame. Their goal was to achieve a perfectly thought-out UX and UI and create a practical platform that diverts users’ attention from itself to the content displayed on it.
Let us help you take your business to the next level with our digital marketing solutions. We'll make sure your company gets the exposure it needs to thrive. If you are looking for the power and efficiencies found with enterprise content management solutions, we can help. Our enterprise solutions enable you to leverage enterprise content management platforms for your business. Here are some other alternatives, in which I added some raw components and I changed the other elements a little bit. Minimalism is like a simple and clean room with only the bare essentials.
In addition, we’ll break down the principles that guide brutalism, show some examples of brutalist websites, and offer suggestions on when and when not to use it. One of the key features of Brutalist architecture is its use of raw concrete. Unlike traditional buildings, which are often adorned with decorative elements, Brutalist structures are designed to showcase their materials, often resulting in an austere, monolithic appearance. This focus on the materials themselves is a central tenet of Brutalism, as architects sought to create buildings that were expressive of their materials and construction methods. Lazyeyes is a creative online website created for a professional design studio.
Acne Studios' New Brutalist HQ Is Our Ultimate Design Inspiration - Architectural Digest
Acne Studios' New Brutalist HQ Is Our Ultimate Design Inspiration.
Posted: Tue, 03 Dec 2019 08:00:00 GMT [source]
How an Iconic Brutalist Building Became One of the Most Sustainable Hotels in the U.S. - Buildings
How an Iconic Brutalist Building Became One of the Most Sustainable Hotels in the U.S..
Posted: Wed, 16 Feb 2022 08:00:00 GMT [source]
It can be a good option if you are looking for a way to stand out from the sea of landing pages, hero images, and highly stylized calls-to-action, in favor of something more honest and straightforward. Brutalism, on the other hand, delights in using non-standard navigation and a lack of information hierarchy. The header, footer, navigation, live chat widget, and buttons retain the site’s rudimentary wireframe-like look. Functionality should also be straightforward and simplified. Visitors shouldn’t be burdened by excessive content, distracting features, or slow-loading pages.
excellent examples of brutalist websites
The homepage embodies the brutalist style – it looks raw, experimental, with no form whatsoever, as if it were made in juxtaposition with the current design trends. It seems that the more time we spend on it, the more it falls apart. Using your mouse, you can grab clothing items floating around the page and move them wherever you want. In fact, even the elements of navigation and the brand’s logo are interactive and can be moved so as to collide with one another.
The content on his site is predominantly textual, paired with a few animated ornaments and a GIF that shows someone’s hand plugging and unplugging an extension cord. All elements are framed by multiple sharp lines, but you can round them using a slide button. There are another few interactive elements you can play with. Bittker often changes the content on the site, so it’s possible you might see something different than us when you visit it. Each framed box has an “X” button in the corner, allowing you to remove any element you want. Whether brutalism is as scary as it sounds ultimately depends on who you ask.
Vincent Tavano’s portfolio site offers a compelling showcase of some of his best projects. A page that particularly caught our attention is the one dedicated to Tavano’s work for Loewe. Selected products from their collection show up on the screen one after another (a new image appears on click), along with a few previews of Loewe’s site.
Overall, this website looks fun and is well-thought-out, providing visitors with an unforgettable online experience. As we’ve seen on many examples on our list, divided screens are a common practice in brutalist web design. On Bad Studio’s site, the homepage is split into multiple sections, each dedicated to one creative category, including posters, editorials, record covers, videos, etc. There’s no hierarchy on the site, so the studio’s logo, category titles, links, and other textual content are written using one font only. The design of navigation arrows differs from the rest of the site, creating some sort of a visual division between elements.
So, striking a good balance between brutalism and modern minimalism will be a safe way to play around with this technique. However, this rule-bending design technique isn’t always well-received, no matter how closely you follow its basic principles. What you see above is a screenshot of the Balenciaga homepage in 2017. The site’s design resembled a wireframe more than a full-fledged website. It wasn’t until shoppers made their way through the categories that they’d encounter product imagery and a UI they’d be more familiar with. As such, today’s brutalism isn’t just useful for conveying strength.
A collection of the finest brutalist website design examples, templates and other design resources also simplify your design process. Much like brutalist architecture that doesn’t hide raw materials, Typical Organization exposes its columns with gray lines as if they are weight-bearing elements for the text that runs over them. The Restart Page’s design is a nod to the beginnings of the computer era.