Wednesday, May 1, 2024

Brutalism Web Design: What It Is + 7 Great Examples

brutalist web design

Alcova, which after seven years is now firmly among Milan Design Week’s mandatory events, attracted lines some three hours long. Reviewing all content to make sure all expectations have been met. We embarked on a journey to rethink our own website and better position our web design agency. It was a fun project where we were able to let our creative juices flow unhindered and are extremely proud of the final results.

UMassBRUT at UMass Amherst Campus Planning - UMass News and Media Relations

UMassBRUT at UMass Amherst Campus Planning.

Posted: Fri, 01 May 2020 13:12:20 GMT [source]

Raw and Unpolished Design Elements

Thanks to this simplicity, we can enjoy the functionality of the site even though it lacks a typical UI. Archerd Aparejo is a graphic designer working on design for magazines, posters, websites and exhibitions. This approach led him to finding a unique navigation design—images of physical book covers serve as menu options, leading users to individual projects from his portfolio. Jeremy Baxter is a visual artist, filmmaker, photographer and musician from Colorado.

Brutalism’s revival in digital design

It was characterized by exposed geometric forms (using raw materials such as concrete, brick and steel to emphasize shapes) and a strong focus on functionality over ornamentation. Brutalism is a raw, minimal, style of design that embraces functionality over form and aesthetics. It tends to be characterized by an extremely simplistic, almost minimalist approach to layout and UI design. While there are some great examples of brutalism on the web today, many of those brands have mixed old-school brutalism with modern design trends so as to ensure their user-friendliness. If you’re thinking about utilizing this web design trend, that’s something to keep in mind.

Best Technology Website Designs in 2023

The grey color palette, along with the eye-pleasing typography and imagery creates the same sense of serenity and silence experienced in libraries. Breton is another WordPress theme that blends together brutalist roots with modern trends, creating a raw, user-friendly visual character. The use of straight lines, color combinations, and experimental-looking pages are some of its most-obvious characteristics.

Use strong color or size contrasts

brutalist web design

There are very few visuals on the site, placed next to the authors’ conversations. And if you wish to stick to the chronological order, read entries from right to left. Hito Steyerl Van Abbe Museum’s website is actually a digital invitation to Hito Steyer’s exhibition. The words written on the site become automatically highlighted one after the other, with their Wikipedia definitions, explanations, and events related to them displayed in the background. Steyer herself explores the impact of the Internet and digitalization on our lives, and this conceptual invitation perfectly complements her work. In fact, the style is further enhanced by the use of Wikipedia’s pages in the background, since the world’s largest open-source encyclopedia was also created in the brutalist fashion.

The designers wanted to go with a back-to-basics design so it makes sense they chose brutalism. Blue, red, and green imagery and only one font are used throughout the entire site. This example is inspiring and it makes us realize that brutalism can greatly contribute to the reduction of energy consumption needed to make websites and for loading their content. Boook.Land is an experimental platform for collaborative storytelling, inviting people to write a novel online. This platform asks a question about what would happen if writing were to follow the collaborative process typical of design.

HOW TO BECOME A UX DESIGNER

Design.byForm is the portfolio website of Dan Flynn and another beautiful example of the brutalism-meets-minimalism design style. Information about Flynn and the list of his works are displayed on the left side of the screen, with each project placed in a separate row. As you hover over the list, project previews pop up on the right side of the page.

Seele Studio's online website features a horizonal scrolling. Its web pages also use large typography, "geeky" gif images and interactions, and short word introductions to give users a brutalist feeling. Brave New Word is one of the great website design examples made by Andy Karter. All important content is presented with colorful sticky notes. The bright colors contrast with the white background, highlighting the content. When comes to some websites that require you to present everything in a serious style or mood, including the gornverment or educational website, a brutalism website seems not a good option.

Principles of Brutalism in Web Design

brutalist web design

Upon clicking on any project name featured in the list, the otherwise white background turns to black. Then, a page pops-up in the middle of the screen, containing information about the selected project and accompanying visuals. This website is so simple and devoid of any redundant details.

For example, if you click on “projects”, you will see Chiu’s works displayed in the form of overlapping computer windows. You can move them in any direction you please to reach the work of your interest. The final result is a bold, aesthetically-striking website that is fully functional and easy to navigate. From the very first scroll, the Twomuch.Studio’s website gives us an insight into their creative and experimental world. A number of animated and interactive objects appear on the screen, following the cursor’s movement. The structure of the website is very simple yet so effective.

Umami Ware team's online website is a good example that introduces you how to create a stunning brutalism website with huge monospaced typography. The rich hover interactions, transitions, unique horizontal scrolling and many more create a great visual effect. All of them help to place a great first impression on users. Modular synthesizers are far from being dubbed traditional musical instruments, which is why brutalism is the perfect look for this web design.

In the game, players navigate a secretive bureaucratic office complex known as the Oldest House. What is missing is the honesty—a regular feature of brutalist buildings is that you can clearly imagine their interiors from the outside. In Control, however, the interior of the Oldest House is unsettlingly labyrinthine and endless. At several moments, players witness the stone slabs literally rearranging themselves.

No comments:

Post a Comment

Can You Dye Wet Hair? Get The Answer From Experts In 2024

Table Of Content Can You Apply Semi-Permanent Dye to Wet Hair? Hair Dyes That Work Best On Wet Hair Can You Put Hair Dye on Wet Hair? Can Yo...