Table Of Content
Decoration for its own sake, often to satisfy the vanity of the designer, goes counter to Brutalist Web Design. Such needless decoration distracts the visitor from the reason for visiting and makes the content secondary. It was clearly marked, and easy to scroll past while you continue to read this site. Scrolling also allows the visitor to consume content at their pace using a method they prefer.
Strange or absent navigation
The fullscreen animation at the top of the page is a true show-stopper. It is colored in strong, fresh colors which are used throughout the entire website. The outlined text displayed on it and a cursor that’s chased by the “go long” words further add to its appeal.
Brutal Raw Code
Brutalist websites are a relatively new thing among purposeful designs, but a lot of them draw inspiration from the early days of the internet. The days when Angelfire and Geocities were the pinnacle of awesomeness. The days when the only HTML you needed to know were a href and img src. It’s when you buck the trends and purposefully design your website to be ugly. And if it’s not straight-up ugly, it’s at least free of frivolous/superfluous design elements. Most are as boring as the quad architecture on any given college campus.
What is the difference between Neo-Brutalism, Brutalism, and Minimalism?
We have the experience and knowledge needed to create a smart strategy for your business to solve your digital problems. Speaking of dragging things back to a cruder form, there was once a time when vast catalogues of cosy web fonts weren’t available. Okay, now you’re probably wondering which features define a brutalist website and how can I spot one in the wild? Matt Stewart of the Creative Momentum has put together a comprehensive list of features which I am going to borrow.
Neo Brutalism & its Impact on User Experience
10 iconic examples of brutalist architecture - Creative Bloq
10 iconic examples of brutalist architecture.
Posted: Wed, 30 Aug 2017 07:00:00 GMT [source]
The left one is further split into three rectangles, each containing menu links (on most sites, navigation is usually placed in the header). The design of the site and the preloading animation mirror Indiecon’s logo. While the site loads, you will notice that the entire screen is divided into triangles.
Seele Studio
The term brutalism is derived from the French béton brut, meaning “raw concrete”. Although most brutalist buildings are made from concrete, we're more interested in the term raw. Concrete brutalist buildings often reflect back the forms used to make them, and their overall design tends to adhere to the concept of truth to materials. This website design template connects a series of brutalist web design concepts. All design pages are decorated with special-sized fonts, colorful images and far more brutalist elements.
High-contrast color schemes
Here, that problem is solved with the use of black bullet points. They stand in front of the name of every project and you can easily notice them on the list. To help you better navigate the projects list, you can spot some smaller text placed in two rows, right next to the information about each of these works. That text explains what kind of work the studio did for their clients.
Use strong color or size contrasts
The content is text-rich, imbued with some cool animation effects, and the clashing combination of brighter and darker hues helps emphasize the screen divisions. Urbane Künste Ruhr is a cultural institution that organizes artistic productions in urban spaces, exhibitions, residential programs, and artistic events. Their goal is to develop a collaboration between artists and scientists from various fields. The left side of the site contains different texts, including magazine articles, project explanations, introductions of artists, and residences. The menu is displayed on the right, which helps you understand the way the website is structured. The design is simple, functional, and artistically rich thanks to the playful layout and the use of typefaces in several different sizes.
While the studio Hawraf no longer exists, their intensely brutalist website serves as a true reflection of their boldness and creativity. What we see is a heterogeneous mixture of fonts and seemingly handwritten words, images, simulations of computer screens, and social media icons. The site is also interactive, allowing you to doodle all over it. And as you hover over some words, their definitions pop up on the screen and so do related images and videos. Our prior knowledge about websites and how to best experience them doesn’t seem that relevant on Hawraf’s site. It’s almost as if they wanted us to feel confused, which is probably how people felt when they first started using and exploring the Internet.
But at the end of the day, you’d be hard pressed to ignore a design style that has attracted such ire and fascination throughout the decades. Brutalism rose from the ashes of war, gave shelter to the bereft, and 70 years later, its monuments are still standing. Such a powerful style is worth the risk to try out on your design projects every now and then. In some ways, brutalism is related to minimalism in general philosophy, but there are key differences. Minimalism also takes a less-is-more approach, reducing design to its essential elements. At the same time, it usually doesn’t go as far as stripping a design down to bareness.
In fact, it best suits the creative niche and brands that wish to stand out from the crowd. When deciding if you should go for it or not, what matters is to be clear about your business goals, but also understand who your target audience is and what its expectations are. Should you decide that brutalism could benefit your brand then go for it! Let your imagination run wild, be creative, play with forms, shapes, sizes, and interface elements, and create authentic, attention-grabbing designs. DAD Studio has used its logo throughout the entire site, so while you scroll, the outline of the logo moves in the opposite direction from you.
The site is rich in interesting hover effects and its pages are filled with heaps of pictures and links. It is highly functional and designed in a true brutalist fashion. Kevin Moll’s site contains basic information about this graphic designer as well as links to two creative platforms he founded and an online shop where he sells books made “with love for lovers”.
” Everyone asks this question (to Google, most likely), and everyone gets bombarded with a thousand different answers. But there are lots of design lessons you can learn from these sites. Thing is, though, you know pretty much what each one is when you click it. NSFW is a blog, but even before that, you know you’re getting into something personal, if not intimate. It’s everything you need in a website and nothing you don’t. The interior pages are just as spare–they just have images embedded.
No comments:
Post a Comment