{"id":170540,"date":"2018-01-29T13:00:56","date_gmt":"2018-01-29T13:00:56","guid":{"rendered":"https:\/\/premium.wpmudev.org\/blog\/?p=170540"},"modified":"2018-01-29T13:00:56","modified_gmt":"2018-01-29T13:00:56","slug":"brutalist-web-design-where-did-it-come-from-and-why-is-it-back","status":"publish","type":"post","link":"https:\/\/wpmudev.com\/blog\/brutalist-web-design-where-did-it-come-from-and-why-is-it-back\/","title":{"rendered":"Brutalist Web Design: Where Did It Come From and Why Is It Back?"},"content":{"rendered":"<p>It\u2019s the start of a new year, which means everyone is making predictions on which <a href=\"https:\/\/wpmudev.com\/blog\/wordpress-web-design-trends-2018\/\" target=\"_blank\" rel=\"noopener\">new web design trends<\/a> we\u2019ll see pop up on WordPress sites this year. One of the predictions I\u2019ve seen a lot of and originally was not too thrilled about is brutalist web design.<\/p>\n<p>Here\u2019s the thing: I don\u2019t want to write off brutalism if there are valid reasons for its use in web design. After all, maybe it\u2019s great for increasing conversions or in generating interest over a competitor\u2019s site that takes a more traditional route to web design. <em>Maybe.<\/em><\/p>\n<p>Today, I want to reflect on this new web design trend that many predict will take a firmer hold of WordPress sites this year. I\u2019m going to review:<\/p>\n<ul>\n<li><a href=\"#what-is-brutalist-web-design\">What is brutalist web design?<\/a><\/li>\n<li><a href=\"#where-did-brutalist-design-come-from\">Where did it come from?<\/a><\/li>\n<li><a href=\"#confusing-brutalist-web-design-for-antidesign\">Why should you stop confusing brutalist design for antidesign?<\/a><\/li>\n<li><a href=\"#use-brutalist-web-design-correctly\">How can WordPress sites use brutalism correctly?<\/a><\/li>\n<\/ul>\n<h2 id=\"what-is-brutalist-web-design\">What Is Brutalist Web Design?<\/h2>\n<p>While working on another article, I ended up on the <a href=\"https:\/\/www.balenciaga.com\/us\" rel=\"noopener\" target=\"_blank\">Balenciaga website<\/a> as I dug around for examples. My first thought was, \u201cUh-oh. Someone broke something.\u201d Once I started clicking through the links, my second thought was, \u201cOh no. Whose brilliant idea was it to design the site this way?\u201d<\/p>\n<div  class=\"wpdui-pic-regular  \">\n<figure class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"attachment-600x600 size-600x600\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2018\/01\/Brutalist-Web-Design-Balenciaga-Website.png\" alt=\"Brutalist Web Design - Balenciaga Website\" width=\"600\" height=\"334\" \/><figcaption class=\"wp-caption-text\">This is how the Balenciaga website looks as of January 2018.<\/figcaption><\/figure>\n<\/div>\n<p>At first glance, this looks like a very basic wireframe, right? If you click through the links though (which takes too long, in my opinion), you\u2019ll find that this is indeed their web design and not a rudimentary wireframe. Once you get to the end of the site\u2019s \u201cnavigation\u201d, you\u2019ll encounter one of their many lookbooks or campaigns full of raw-looking photos and minimal descriptions.<\/p>\n<div  class=\"wpdui-pic-regular  \">\n<figure class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"attachment-600x600 size-600x600\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2018\/01\/Brutalist-Web-Design-Balenciaga-Images.png\" alt=\"Brutalist Web Design - Balenciaga Images\" width=\"600\" height=\"334\" \/><figcaption class=\"wp-caption-text\">Taking a deeper dive into Balenciaga&#8217;s brutalist style.<\/figcaption><\/figure>\n<\/div>\n<p>I was really confused. I thought maybe the site was incomplete or in progress and that they must have been in the midst of filling in the missing images. However, upon looking into the <a href=\"http:\/\/web.archive.org\/\" rel=\"noopener\" target=\"_blank\">Internet Archive Wayback Machine<\/a>, it appears that this has been their design for about a year now.<\/p>\n<p>If this is your first time seeing a website like this, this is an example of brutalist web design. And it\u2019s not alone.<\/p>\n<h2 id=\"where-did-brutalist-design-come-from\">Where Did Brutalist Design Come From?<\/h2>\n<p><a href=\"https:\/\/en.wikipedia.org\/wiki\/Brutalist_architecture\" rel=\"noopener\" target=\"_blank\">Brutalism<\/a>\u2019s origins come from architectural design, which, when you think about it, makes a lot of sense. A website is basically just a digital structure for a business to set up shop, so why wouldn\u2019t its principles be based on real-world design techniques?<\/p>\n<p>The term \u201cbrutalism\u201d comes from a few different sources in Sweden, Britain, and France. Basically, it stems from the French <em>b\u00e9ton brut<\/em>, which translates to \u201craw\u201d. And that\u2019s exactly what brutalist design&#8211;in architecture and on the web&#8211;is at its core.<\/p>\n<p>When you look at why brutalism came to be in the 1940s and 1950s, there was a very clear reason for it. This was post-World War II when much of Europe was rebuilding after the highly destructive war that ravaged its cities. Rather than spend months or years designing and building lavish residences and public buildings to replace what had been lost, architects went with a more simplistic, practical, and cost-effective style.<\/p>\n<p>This is what it consisted of:<\/p>\n<ul>\n<li>Repeating geometric patterns<\/li>\n<li>Highly modularized grid designs<\/li>\n<li>Concrete and brick materials<\/li>\n<li>Exposed inner support systems<\/li>\n<li>Greater focus on practicality and purpose instead of ornamental design<\/li>\n<\/ul>\n<p>As time wore on and the continent recovered, brutalist architecture became a symbol of that war recovery effort. That said, this wasn\u2019t always a positive thing as it was often associated with poverty, destruction, and depression. The somber colors and rigid lines of the structures didn\u2019t help the cause much either. And then there was the fact that brutalism was closely tied to Communism, a steadily rising force at the time. By the 1970s, this style of architecture had faded.<\/p>\n<h2 id=\"confusing-brutalist-web-design-for-antidesign\">Why Should You Stop Confusing Brutalist Web Design for Antidesign?<\/h2>\n<p>Flash forward to the present and it appears that brutalism is making a comeback. There\u2019s a major problem with this though and it\u2019s because many people confuse brutalist web design with antidesign.<\/p>\n<p>In my research on this subject, I wasn\u2019t able to find much statistical proof regarding the pros and cons of brutalist web design. That may be because it\u2019s still fairly brand new or it may be because UX researchers don\u2019t believe it has any staying power. What I did find, however, is this explanation from the Nielsen Norman Group about <a href=\"https:\/\/www.nngroup.com\/articles\/brutalism-antidesign\/\" rel=\"noopener\" target=\"_blank\">the differences between brutalist web design and antidesign<\/a>.<\/p>\n<p><b>Brutalism:<\/b><br \/>\n\u201cBrutalist designers want to break away from the stale, cookie-cutter, premade-template sites that dominate the web today. They want the web to be true to itself, to feel honest and not contrived.\u201d<\/p>\n<p><b>Antidesign:<\/b><br \/>\n\u201cRather than just focusing on stripped-down UIs with raw or nonexistent styling, some designers interpret brutalism to mean rebelling against oversimplified design by intentionally creating ugly, disorienting, or complex interfaces\u2026 Some use harsh colors, disorienting patterns, weird cursors, and unnecessary distracting animations. The overall effect feels like bad 1990s\u2019 designs on steroids.\u201d<\/p>\n<p>Now, raise your hand if, before today, you believed that nostalgic and super ugly 90s\u2019 designs were brutalism in action. (If you can\u2019t tell, I\u2019m raising my hand here.)<\/p>\n<p>I think there\u2019s been a lot of confusion over what exactly brutalism means, which is why there\u2019s often such a huge backlash against it. When you look at the origins of brutalism in architecture, the definition laid out by NNG makes much more sense. I just don\u2019t know if many web designers were or <em>are<\/em> aware of where all this sprung from in the first place.<\/p>\n<p>Part of the problem is that these web design trend or brutalism roundups&#8211;like this one from <a href=\"https:\/\/www.awwwards.com\/brutalism-brutalist-websites.html\" rel=\"noopener\" target=\"_blank\">Awwwards<\/a>&#8211;is harmful to the cause.<\/p>\n<p style=\"text-align: center;\"><video loop muted autoplay playsinline class='dev-html5-video'><source src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2018\/01\/Brutalist-Web-Design-Awwwards-Brutalism.webm\" type=\"video\/webm\"><source src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2018\/01\/Brutalist-Web-Design-Awwwards-Brutalism.mp4\" type=\"video\/mp4\"><\/video><\/p>\n<p style=\"text-align: center;\"><small>Don&#8217;t believe the misinformation. Antidesign is not the same as brutalist web design.<\/small><\/p>\n<p>While I don\u2019t believe that brutalist web design will be right for <em>most<\/em>WordPress sites, I do believe there are certain uses for it that will work. We just have to stay away from antidesign. The only statement it\u2019s making is that you want to anger everyone and adhere to no smart design principles.<\/p>\n<h2 id=\"use-brutalist-web-design-correctly\">How Can WordPress Sites Use Brutalist Web Design Correctly?<\/h2>\n<p>Supposing that the NNG is correct and that the ugly antidesign websites are <em>not<\/em> brutalist, let\u2019s take a look at some real examples of brutalist web design on the web. While you might not find these to be attractive, creative, or impressive by any stretch of the imagination, just focus on the underlying principles that they\u2019ve executed well. If you want to truly understand what the appeal is behind brutalism, you\u2019ll find it in these examples.<\/p>\n<p><b><a href=\"https:\/\/news.ycombinator.com\/\" rel=\"noopener\" target=\"_blank\">Hacker News<\/a><\/b><br \/>\n<div  class=\"wpdui-pic-regular  \">\n<figure class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"attachment-600x600 size-600x600\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2018\/01\/Brutalist-Web-Design-Hacker-News.png\" alt=\"Brutalist Web Design - Hacker News\" width=\"600\" height=\"334\" \/><figcaption class=\"wp-caption-text\">Y Combinator&#8217;s Hacker News website.<\/figcaption><\/figure>\n<\/div>\n<p>First and foremost, brutalist web design seeks to strip a website down to its very core. Usually, this means removing any unnecessary bits of flare so that the purpose is as clear as day.<\/p>\n<p><b><a href=\"http:\/\/www.wavy.se\/\" rel=\"noopener\" target=\"_blank\">Wavy Studio<\/a><\/b><br \/>\n<div  class=\"wpdui-pic-regular  \">\n<figure class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"attachment-600x600 size-600x600\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2018\/01\/Brutalist-Web-Design-Wavy-Studio.png\" alt=\"Brutalist Web Design - Wavy Studio\" width=\"600\" height=\"334\" \/><figcaption class=\"wp-caption-text\">Wavy Studio&#8217;s simple mission statement.<\/figcaption><\/figure>\n<\/div>\n<p>Wavy is a creative studio that focuses on providing clients with visual content. There\u2019s absolutely nothing special about this site as it\u2019s mostly a bunch of white space and very trimmed-back messaging, but that\u2019s the point, isn\u2019t it? They\u2019re image masters, not wordsmiths or web designers.<\/p>\n<p><b>Joao Paulo Teixeira<\/b><br \/>\n<div  class=\"wpdui-pic-regular  \">\n<figure class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"attachment-600x600 size-600x600\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2018\/01\/Brutalist-Web-Design-Joao-Paulo.png\" alt=\"Brutalist Web Design - Joao Paulo\" width=\"600\" height=\"334\" \/><figcaption class=\"wp-caption-text\">Joao Paulo Teixeira&#8217;s very brutalist intro.<\/figcaption><\/figure>\n<\/div>\n<p>One of the most common things you\u2019ll find in brutalist web design is a black-and-white color scheme, which I think this exemplifies well. While this site may be unimpressive at first glance, it\u2019s quite logical in nature. For users that don\u2019t click on the \u201cWho\u2019s JP?\u201d (which leads to a trippy and colorful portfolio), they can instead visit the links at the bottom that go to the web designer\u2019s work&#8211;which is the ultimate goal for a designer, right?<\/p>\n<p><b><a href=\"http:\/\/payinterns.nyc\/\" rel=\"noopener\" target=\"_blank\">NYC Paid Creative Internships<\/a><\/b><br \/>\n<div  class=\"wpdui-pic-regular  \">\n<figure class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"attachment-600x600 size-600x600\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2018\/01\/Brutalist-Web-Design-Paid-Internships.png\" alt=\"Brutalist Web Design - Paid Internships\" width=\"600\" height=\"332\" \/><figcaption class=\"wp-caption-text\">The Pay Interns&#8217; simplified layout and color scheme.<\/figcaption><\/figure>\n<\/div>\n<p>For web designers that want to adhere closely to the original principles of brutalism, they can use colors synonymous with the raw materials used in the architectural style; namely, concrete.<\/p>\n<p><b><a href=\"http:\/\/plant22.co\/\" rel=\"noopener\" target=\"_blank\">Plant22<\/a><\/b><br \/>\n<div  class=\"wpdui-pic-regular  \">\n<figure class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"attachment-600x600 size-600x600\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2018\/01\/Brutalist-Web-Design-Plant22.png\" alt=\"Brutalist Web Design - Plant22\" width=\"600\" height=\"334\" \/><figcaption class=\"wp-caption-text\">Plant22&#8217;s colorful take on modular grids.<\/figcaption><\/figure>\n<\/div>\n<p>Another way in which designers can adapt the principles of brutalism for the web is by using modular bricks. With grid-based design currently in fashion, and with it playing so well with responsive design, it\u2019s likely to be the one part of brutalism we can all agree is worth adopting.<\/p>\n<p><b><a href=\"https:\/\/ignaciorivas.me\/\" rel=\"noopener\" target=\"_blank\">Ignacio Rivas<\/a><\/b><br \/>\n<div  class=\"wpdui-pic-regular  \">\n<figure class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"attachment-600x600 size-600x600\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2018\/01\/Brutalist-Web-Design-Ignacio-Rivas.png\" alt=\"Brutalist Web Design - Ignacio Rivas\" width=\"600\" height=\"325\" \/><figcaption class=\"wp-caption-text\">Ignacio Rivas keeps the white space abundant and the font old-school.<\/figcaption><\/figure>\n<\/div>\n<p>This example goes back to the idea that brutalist design leans heavily on the use of \u201craw\u201d materials. That\u2019s why you\u2019ll see many of these designs use monospace type. It might not provide for the most exciting read or do too much to invigorate your web design, but this kind of <a href=\"https:\/\/wpmudev.com\/blog\/wordpress-font-typography-facelift\/\" target=\"_blank\" rel=\"noopener\">typography<\/a> is reliable and steady.<\/p>\n<p><b>UX Brutalism<\/b><br \/>\n<div  class=\"wpdui-pic-regular  \">\n<figure class=\"wp-caption alignnone\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"attachment-600x600 size-600x600\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2018\/01\/Brutalist-Web-Design-UX-Brutalism.png\" alt=\"Brutalist Web Design - UX Brutalism\" width=\"600\" height=\"332\" \/><figcaption class=\"wp-caption-text\">A &#8220;joke&#8221; website which actually does a great job of demonstrating brutalism at its finest.<\/figcaption><\/figure>\n<\/div>\n<p>This is actually a spoof website created by UX Design Collective. It claims to provide designers with a brutalism framework while, in reality, it\u2019s just providing reasons why you shouldn\u2019t use it. That aside, this site provides a good example of how simple the structure of these sites are. There is just one call-to-action on the entire single-page website, unlike most websites today that include one with each new step a visitor takes.<\/p>\n<p><b>PICTURE(S) NOW<\/b><br \/>\n<div  class=\"wpdui-pic-regular  \">\n<figure class=\"wp-caption alignnone\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"attachment-600x600 size-600x600\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2018\/01\/Brutalist-Web-Design-PICTURES-NOW.png\" alt=\"Brutalist Web Design - PICTURE(S) NOW\" width=\"600\" height=\"334\" \/><figcaption class=\"wp-caption-text\">It&#8217;s okay to go big and bold so long as it remains functional.<\/figcaption><\/figure>\n<\/div>\n<p>There are a number of brutalist elements highlighted here. There\u2019s the concrete-like background color. There\u2019s the simplified and non-hierarchical font. And there\u2019s also the oversized text in the center of it all, which is similar to the oversized buildings often designed during the age of brutalism.<\/p>\n<p><b><a href=\"http:\/\/730dc.com\/\" rel=\"noopener\" target=\"_blank\">Seven:Thirty<\/a><\/b><br \/>\n<div  class=\"wpdui-pic-regular  \">\n<figure class=\"wp-caption alignnone\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"attachment-600x600 size-600x600\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2018\/01\/Brutalist-Web-Design-SevenThirty.png\" alt=\"Brutalist Web Design - SevenThirty\" width=\"600\" height=\"334\" \/><figcaption class=\"wp-caption-text\">The exposed frames\/grids of Seven:Thirty&#8217;s website.<\/figcaption><\/figure>\n<\/div>\n<p>One of the other key elements of brutalist architecture is how exposed their buildings felt. Usually, you could see the beams and infrastructure responsible for holding the building together. In web design, this is typically something we go to great pains to hide. We don\u2019t need people seeing the baseline grid and elements behind a website, but that is indeed what we have here.<\/p>\n<h2>Wrapping Up<\/h2>\n<p>Let\u2019s go back to my first encounter with Balenciaga, shall we? Once I realized this had been their web design for a good year or so, I couldn\u2019t help but wonder how a luxury fashion brand could get away with such a confusing and unattractive design. Using one of my favorite <a href=\"https:\/\/wpmudev.com\/blog\/wordpress-seo-tools\/\" target=\"_blank\" rel=\"noopener\">WordPress SEO tools<\/a> SEMrush, I did a quick search on their traffic numbers:<\/p>\n<div  class=\"wpdui-pic-regular  \">\n<figure class=\"wp-caption alignnone\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"attachment-600x600 size-600x600\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2018\/01\/Brutalist-Web-Design-Balenciaga-Organic-Traffic.png\" alt=\"Brutalist Web Design - Balenciaga Organic Traffic\" width=\"600\" height=\"320\" \/><figcaption class=\"wp-caption-text\">Balenciaga gets 164K in traffic every month; more than Hermes, but significantly less than Gucci. Is design to blame?<\/figcaption><\/figure>\n<\/div>\n<p>That\u2019s not a <em>terrible<\/em> number for a luxury brand. Herm\u00e8s has over 130,000 in monthly traffic and Gucci has over 240,000.<\/p>\n<p>I also ran a <a href=\"https:\/\/wpmudev.com\/blog\/free-speed-testing-tools\/\" target=\"_blank\" rel=\"noopener\">page speed test <\/a> to see if this design was trying to compensate for the weight of a media-rich website:<\/p>\n<div  class=\"wpdui-pic-regular  \">\n<figure class=\"wp-caption alignnone\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"attachment-600x600 size-600x600\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2018\/01\/Brutalist-Web-Design-Balenciaga-Page-Speed.png\" alt=\"Brutalist Web Design - Balenciaga Page Speed\" width=\"600\" height=\"226\" \/><figcaption class=\"wp-caption-text\">I&#8217;d probably mark that as a failing score for page speed for a luxury brand website.<\/figcaption><\/figure>\n<\/div>\n<p>As you can see, the page loading speed for Balenciaga isn\u2019t that great either.<\/p>\n<p>So, what\u2019s going on here? What motivated this web design choice? Does the novelty of having a brutalist web design outweigh the unimpressive traffic numbers and slow loading times? And what about their conversion rates? Unfortunately, this information isn\u2019t readily available for Balenciaga. But what I can surmise about brutalist web design in general is this:<\/p>\n<p>Brutalist web design <b>is not good<\/b> for:<\/p>\n<ul>\n<li>Corporations and other entities that want to appear professional and modern.<\/li>\n<li>Anyone that wants to make their website a warm and welcoming environment.<\/li>\n<li>Websites that are complex in nature and require conversion features like <a href=\"https:\/\/wpmudev.com\/blog\/mega-menu-wordpress\/\" target=\"_blank\" rel=\"noopener\">mega menus<\/a>, <a href=\"https:\/\/wpmudev.com\/blog\/wordpress-conversion-tips\/\" target=\"_blank\" rel=\"noopener\">pop-ups<\/a> and <a href=\"https:\/\/wpmudev.com\/blog\/live-chat-wordpress-pros-cons\/\" target=\"_blank\" rel=\"noopener\">live chat<\/a> to support their goals.<\/li>\n<li>Anyone nervous that anything but a modern design would confuse their audience and prevent them from converting in the end.<\/li>\n<\/ul>\n<p>Brutalist web design (at least some of the elements) <b>may be good<\/b> for:<\/p>\n<ul>\n<li>Brand new web designers trying to get the hang of HTML.<\/li>\n<li>Anyone who wants to shock their audience or make a social statement.<\/li>\n<li>Websites suffering from slow page speeds or overly complex conversion funnels that want to experiment with a <a href=\"https:\/\/wpmudev.com\/blog\/working-with-clients-who-want-a-redesign-a-rebranding-checklist\/\" target=\"_blank\" rel=\"noopener\">total redesign<\/a>.<\/li>\n<li>Text-heavy websites that want more focus on the reading experience and less on distractions.<\/li>\n<li>Small e-commerce sites that want more focus on inventory and less on flashy <a href=\"https:\/\/wpmudev.com\/blog\/wordpress-hello-bar\/\" target=\"_blank\" rel=\"noopener\">promotional bars<\/a> and overweight designs.<\/li>\n<li>Websites that have an audience that this type of nostalgia might appeal to (e.g. other web designers, developers, gamers, etc).<\/li>\n<\/ul>\n<p>Here\u2019s the thing: if brutalist web design really is going to be a modern trend, then there must be something good about it. While it may be harsh at first sight, you might find that the simplified usability, improved efficiency (not just for visitors navigating the site, but the time you spend building it), and greater transparency are beneficial for your WordPress site.<\/p>\n<p>Realistically, as simple as these websites are, they should be faster to load, easier to navigate, and present fewer choices to work through\u2026 which should increase conversion rates. However, if you experiment with this and find that\u2019s not the outcome, then the safer choice is to merge elements of brutalism with your otherwise modernly designed WordPress site.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>It\u2019s the start of a new year, which means everyone is making predictions on which new web design trends we\u2019ll see pop up on WordPress sites this year. One of the predictions I\u2019ve seen a lot of and originally was not too thrilled about is brutalist web design. Here\u2019s the thing: I don\u2019t want to [&hellip;]<\/p>\n","protected":false},"author":518583,"featured_media":170611,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"blog_reading_time":"","wds_primary_category":0,"wds_primary_tutorials_categories":0,"footnotes":""},"categories":[557],"tags":[10850,10851],"tutorials_categories":[],"class_list":["post-170540","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-development","tag-brutalist-web-design","tag-web-design-trends"],"_links":{"self":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/170540","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/users\/518583"}],"replies":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/comments?post=170540"}],"version-history":[{"count":10,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/170540\/revisions"}],"predecessor-version":[{"id":208753,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/170540\/revisions\/208753"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/media\/170611"}],"wp:attachment":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/media?parent=170540"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/categories?post=170540"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/tags?post=170540"},{"taxonomy":"tutorials_categories","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/tutorials_categories?post=170540"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}