{"id":17620,"date":"2025-12-31T03:54:50","date_gmt":"2025-12-31T03:54:50","guid":{"rendered":"https:\/\/kittlb-26937.roald-dfw.servebolt.cloud\/?p=17620"},"modified":"2026-02-12T03:56:05","modified_gmt":"2026-02-12T03:56:05","slug":"brutalist-design-art-stl","status":"publish","type":"post","link":"https:\/\/www.kittl.com\/blogs\/brutalist-design-art-stl\/","title":{"rendered":"What is the Brutalist Design Art Style? Origins, traits, and design inspiration"},"content":{"rendered":"\n<p>In 2017, Nielsen Norman Group found something surprising: websites that broke all the design rules\u2014ugly layouts, default fonts, no visual polish \u2014 often performed better than their \u201cperfect\u201d counterparts.<\/p>\n\n\n\n<p>They loaded faster, got straight to the point, and refused to distract users with fluff. These weren\u2019t accidents\u2014they were acts of intentional rebellion. And that rebellion has a name: Brutalism.<\/p>\n\n\n\n<p>For advanced designers who\u2019ve spent years mastering grids, kerning, and pristine UX flows, Brutalist art offers something rare\u2014a chance to unlearn.<\/p>\n\n\n\n<p>To challenge muscle memory. To strip design down to its rawest components and ask: What happens if I stop trying to please? In a sea of glossy sameness, Brutalism is sharp edges, broken symmetry, oversized type, and unapologetic function.&nbsp;<\/p>\n\n\n\n<p>It\u2019s less about chaos and more about clarity through discomfort. If you&#8217;re exploring where this style fits in the bigger picture, it\u2019s helpful to explore <a id=\"\" href=\"https:\/\/www.kittl.com\/article\/graphic-design-styles-name-guide?utm_source=chatgpt.com\" target=\"_blank\" rel=\"noreferrer noopener\">various graphic design styles,<\/a> including Brutalism, to see how it contrasts with \u2014 and reacts to \u2014 more conventional aesthetics.<\/p>\n\n\n\n<p>In this article, we\u2019ll explore the roots, rules, and raw power of Brutalist art in the digital space. You\u2019ll get a closer look at its key traits, see how top designers are applying it today, and learn how to bring that brutal edge into your own work\u2014strategically, intentionally, and without losing the plot.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-16018d1d wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"http:\/\/kittl.com\/templates\" target=\"_blank\" rel=\"noreferrer noopener\">Start designing with bold, unapologetic templates<\/a><\/div>\n<\/div>\n\n\n<style>.kb-table-of-content-nav.kb-table-of-content-id17620_f7b311-ae .kb-table-of-content-wrap{padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-right:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);padding-left:var(--global-kb-spacing-sm, 1.5rem);}.kb-table-of-content-nav.kb-table-of-content-id17620_f7b311-ae .kb-table-of-contents-title-wrap{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.kb-table-of-content-nav.kb-table-of-content-id17620_f7b311-ae .kb-table-of-contents-title{font-weight:regular;font-style:normal;}.kb-table-of-content-nav.kb-table-of-content-id17620_f7b311-ae .kb-table-of-content-wrap .kb-table-of-content-list{font-weight:regular;font-style:normal;margin-top:var(--global-kb-spacing-sm, 1.5rem);margin-right:0px;margin-bottom:0px;margin-left:0px;}<\/style>\n\n\n<h2 class=\"wp-block-heading\">What is the Brutalist Art style?<\/h2>\n\n\n\n<p>In graphic and digital media, Brutalist art refers to a style that<strong> intentionally looks raw, unpolished, and even \u201cugly\u201d by conventional standards.&nbsp;<\/strong><\/p>\n\n\n\n<p>It draws inspiration from the Brutalist architecture of the mid-20th century, which was characterized by exposed materials (often raw concrete) and an unapologetically utilitarian look.&nbsp;<\/p>\n\n\n\n<p>In the digital realm, Brutalist design means embracing the basic building blocks of content (text, images, simple shapes) with minimal stylistic embellishment. The Nielsen Norman Group describes Brutalism in digital design as a style that looks <em>\u201craw, haphazard, or unadorned,\u201d<\/em> echoing early 1990s websites like Craigslist\u200b.&nbsp;<\/p>\n\n\n\n<p>In other words, a Brutalist graphic or interface presents itself \u201cas-is\u201d \u2013 often using default HTML or bare-bones layouts \u2013 rather than hiding behind glossy UI elements.<\/p>\n\n\n\n<p>Brutalist art in this context is a reaction against the sleek, \u201cpixel-perfect\u201d design trends of today. \u201cIn its ruggedness and lack of concern to look comfortable or easy, Brutalism can be seen as a reaction by a younger generation to the lightness, optimism, and frivolity of today\u2019s web design,\u201d explains Pascal Deville, founder of the Brutalist Websites gallery.<\/p>\n\n\n\n<p>While originally an architectural term, designers have adopted \u201cDigital Brutalism\u201d (or Neo-Brutalism) to describe work that rejects modern web standards and aesthetics in favor of a more honest, almost DIY presentation.<\/p>\n\n\n\n<p>To better appreciate what this style pushes against, it helps to <a href=\"https:\/\/kittl.com\/blogs\/the-12-principles-of-design\/\" target=\"_blank\" data-type=\"post\" data-id=\"2551\" rel=\"noreferrer noopener\">review foundational design principles<\/a> to understand how Brutalism challenges them. The result is often jarring at first glance \u2013 bold text, simple backgrounds, clashing elements \u2013 but deliberately so.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">What are the roots of Brutalism in art and design?<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"600\" src=\"https:\/\/kittlb-26937.roald-dfw.servebolt.cloud\/wp-content\/uploads\/2025\/10\/aBxGCSdWJ-7kRvE1_Brutalism-Blog-1.avif\" alt=\"Brutalism began not as a design aesthetic, but as an architectural movement, with often characterized with raw textures - Kittl, a sample of brutalist art design\" class=\"wp-image-8758\"\/><figcaption class=\"wp-element-caption\">Brutalist moodboard<\/figcaption><\/figure>\n\n\n\n<p>Brutalism began not as a design aesthetic,<strong> but as an architectural movement<\/strong>. The name comes from b\u00e9ton brut, French for \u201craw concrete\u201d\u2014a material celebrated by postwar architects like Le Corbusier and the Smithsons.&nbsp;<\/p>\n\n\n\n<p>These architects embraced unpolished, geometric forms and believed that buildings should wear their structure openly, with no decorative disguise. The goal was function over form, integrity over aesthetics.<\/p>\n\n\n\n<p>But Brutalism was never just about concrete. From the start, it had one foot in the art world. Critics linked its raw, no-frills look to \u201cArt Brut,\u201d a rebellious art movement led by Jean Dubuffet that praised rough, outsider expression. In 1953, Brutalist architects even collaborated with avant-garde artists, blurring the line between structural and visual design.<\/p>\n\n\n\n<p>By the 1960s and 70s, brutalist ideas found their way into graphic design, especially through modernist movements like <a href=\"https:\/\/kittl.com\/blogs\/swiss-style-poster-design\" target=\"_blank\" rel=\"noreferrer noopener\">Swiss Style<\/a> and Constructivism. Think heavy grids, stark contrasts, oversized typography, and function-led layouts. If you&#8217;re curious how these early movements continue to shape visual culture today, it&#8217;s worth understanding how <a id=\"\" href=\"https:\/\/www.kittl.com\/article\/classic-art-in-modern-trends\" target=\"_blank\" rel=\"noreferrer noopener\">classic art movements influence contemporary design trends<\/a>.<\/p>\n\n\n\n<p>Then came the digital era. Around 2014, Brutalism had a second life online. Designers, tired of glossy templates and UX sameness, started building sites that looked intentionally \u201cbroken\u201d\u2014HTML-first, default fonts, and no-frills visuals. BrutalistWebsites.com helped give this raw digital aesthetic a name and a global audience.&nbsp;<\/p>\n\n\n\n<p>Even major brands joined in, from Bloomberg\u2019s oversized layouts to Adult Swim\u2019s chaotic site redesigns. This digital shift also embraced distortion and imperfection as design tools, with many creators <a target=\"_blank\" rel=\"noreferrer noopener\" id=\"\" href=\"https:\/\/www.kittl.com\/article\/easy-glitch-text-effect\">experimenting with glitch text effects<\/a> that complement Brutalist aesthetics to push that sense of disruption even further.<\/p>\n\n\n\n<p>Brutalism today sits at an intersection: part nod to modernist purity, part rebellion against overdesigned digital norms. Its roots stretch from concrete buildings to punk zines to glitchy websites \u2014 always challenging convention, always prioritizing authenticity over polish.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-16018d1d wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"http:\/\/kittl.com\/templates\" target=\"_blank\" rel=\"noreferrer noopener\">Find templates built for structure \u2014 not decoration<\/a><\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Key traits of the Brutalist art style<\/h2>\n\n\n\n<p>Brutalist graphic and UI design is distinctive for its <strong>bold and unrefined visual language<\/strong>. Despite the seeming chaos, many Brutalist works share common traits. <\/p>\n\n\n\n<p>Here are some key characteristics (in terms of typography, layout, UX, etc.) that advanced designers will recognize:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">01. Rugged, unstyled typography<\/h3>\n\n\n<style>.kb-row-layout-id17620_8b15d0-8b > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id17620_8b15d0-8b > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id17620_8b15d0-8b > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:minmax(0, calc(15% - ((var(--global-kb-gap-md, 2rem) * 2 )\/3)))minmax(0, calc(70% - ((var(--global-kb-gap-md, 2rem) * 2 )\/3)))minmax(0, calc(15% - ((var(--global-kb-gap-md, 2rem) * 2 )\/3)));}.kb-row-layout-id17620_8b15d0-8b > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id17620_8b15d0-8b > .kt-row-column-wrap > div:not(.added-for-specificity){grid-column:initial;}}@media all and (max-width: 1024px){.kb-row-layout-id17620_8b15d0-8b > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id17620_8b15d0-8b > .kt-row-column-wrap > div:not(.added-for-specificity){grid-column:initial;}.kb-row-layout-id17620_8b15d0-8b > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id17620_8b15d0-8b alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-3-columns kt-row-layout-center-half kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column17620_182c54-c1 > .kt-inside-inner-col{padding-top:8px;padding-right:8px;padding-bottom:8px;padding-left:8px;}.kadence-column17620_182c54-c1 > .kt-inside-inner-col,.kadence-column17620_182c54-c1 > .kt-inside-inner-col:before{border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-right-radius:16px;border-bottom-left-radius:16px;}.kadence-column17620_182c54-c1 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column17620_182c54-c1 > .kt-inside-inner-col{flex-direction:column;}.kadence-column17620_182c54-c1 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column17620_182c54-c1 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column17620_182c54-c1{position:relative;}@media all and (max-width: 1024px){.kadence-column17620_182c54-c1 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column17620_182c54-c1 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column17620_182c54-c1 kittl-template-block\"><div class=\"kt-inside-inner-col\"><\/div><\/div>\n\n\n<style>.kadence-column17620_aa3a5a-94 > .kt-inside-inner-col{padding-top:8px;padding-right:8px;padding-bottom:8px;padding-left:8px;}.kadence-column17620_aa3a5a-94 > .kt-inside-inner-col,.kadence-column17620_aa3a5a-94 > .kt-inside-inner-col:before{border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-right-radius:16px;border-bottom-left-radius:16px;}.kadence-column17620_aa3a5a-94 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column17620_aa3a5a-94 > .kt-inside-inner-col{flex-direction:column;}.kadence-column17620_aa3a5a-94 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column17620_aa3a5a-94 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column17620_aa3a5a-94{position:relative;}@media all and (max-width: 1024px){.kadence-column17620_aa3a5a-94 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column17620_aa3a5a-94 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column17620_aa3a5a-94 kittl-template-block\"><div class=\"kt-inside-inner-col\"><style>.kb-row-layout-id17620_f87a40-55 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id17620_f87a40-55 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id17620_f87a40-55 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id17620_f87a40-55 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id17620_f87a40-55 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id17620_f87a40-55 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id17620_f87a40-55 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column17620_04b7c2-d0 > .kt-inside-inner-col{padding-top:8px;padding-right:8px;padding-bottom:8px;padding-left:8px;}.kadence-column17620_04b7c2-d0 > .kt-inside-inner-col{border-top:1px solid #e0e4eb;border-right:1px solid #e0e4eb;border-bottom:1px solid #e0e4eb;border-left:1px solid #e0e4eb;}.kadence-column17620_04b7c2-d0 > .kt-inside-inner-col,.kadence-column17620_04b7c2-d0 > .kt-inside-inner-col:before{border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-right-radius:16px;border-bottom-left-radius:16px;}.kadence-column17620_04b7c2-d0 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column17620_04b7c2-d0 > .kt-inside-inner-col{flex-direction:column;}.kadence-column17620_04b7c2-d0 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column17620_04b7c2-d0 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column17620_04b7c2-d0{position:relative;}@media all and (max-width: 1024px){.kadence-column17620_04b7c2-d0 > .kt-inside-inner-col{border-top:1px solid #e0e4eb;border-right:1px solid #e0e4eb;border-bottom:1px solid #e0e4eb;border-left:1px solid #e0e4eb;flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column17620_04b7c2-d0 > .kt-inside-inner-col{border-top:1px solid #e0e4eb;border-right:1px solid #e0e4eb;border-bottom:1px solid #e0e4eb;border-left:1px solid #e0e4eb;flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column17620_04b7c2-d0 kittl-template-block\"><div class=\"kt-inside-inner-col\">\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.kittl.com\/design\/Brutalism-2OYzjvu6?referral=devanglingdarma\" target=\"_blank\" rel=\" noreferrer noopener\"><img decoding=\"async\" src=\"https:\/\/kittlb-26937.roald-dfw.servebolt.cloud\/wp-content\/uploads\/2025\/10\/aAYOUFvg_A-GMrid_01.RuggedunstyledtypographyBrutalismisoftencharacterizedwithheavyfonts-Kittl.avif\" alt=\"\"\/><\/a><\/figure>\n\n\n\n<p class=\"has-text-align-center\">Brutalistm Poster. <a href=\"https:\/\/www.kittl.com\/design\/Brutalism-2OYzjvu6?referral=devanglingdarma\" target=\"_blank\" rel=\"noreferrer noopener\"><mark style=\"background-color:rgba(0, 0, 0, 0);color:#0087e6\" class=\"has-inline-color\">Use Template<\/mark><\/a><\/p>\n<\/div><\/div>\n\n<\/div><\/div><\/div><\/div>\n\n\n<style>.kadence-column17620_17337c-04 > .kt-inside-inner-col{padding-top:8px;padding-right:8px;padding-bottom:8px;padding-left:8px;}.kadence-column17620_17337c-04 > .kt-inside-inner-col,.kadence-column17620_17337c-04 > .kt-inside-inner-col:before{border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-right-radius:16px;border-bottom-left-radius:16px;}.kadence-column17620_17337c-04 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column17620_17337c-04 > .kt-inside-inner-col{flex-direction:column;}.kadence-column17620_17337c-04 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column17620_17337c-04 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column17620_17337c-04{position:relative;}@media all and (max-width: 1024px){.kadence-column17620_17337c-04 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column17620_17337c-04 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column17620_17337c-04 kittl-template-block\"><div class=\"kt-inside-inner-col\"><\/div><\/div>\n\n<\/div><\/div>\n\n\n<p>Text in Brutalist design is often set in simple, heavy fonts \u2013 frequently sans-serif and all caps \u2013 or even default monospace or system fonts.<\/p>\n\n\n\n<p>This means no fancy kerning or elegant webfonts; instead, you might see big black Helvetica or blunt bitmapped lettering that looks \u201coff the shelf.\u201d Using typography as a<strong> structural element<\/strong> is common, such as oversized type that dominates the page or text that serves as the grid itself\u200b.<\/p>\n\n\n\n<p>For example, brutalist websites often feature \u201cblue hyperlink\u201d default text and monochromatic monospace fonts, deliberately evoking the raw HTML look of 1990s sites. The overall effect is text that shouts rather than pleases \u2013 unapologetically bold and legible, albeit in a blunt way.&nbsp;<\/p>\n\n\n\n<p>Still, even within these limitations, <a href=\"https:\/\/www.kittl.com\/blogs\/font-pairing-guide-adv\" target=\"_blank\" data-type=\"link\" data-id=\"https:\/\/www.kittl.com\/blogs\/font-pairing-guide-adv\" rel=\"noreferrer noopener\">understanding font pairing<\/a> to enhance Brutalist typography can help designers strike the right balance between visual aggression and structural clarity.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">02. Minimal layouts that break convention<\/h3>\n\n\n<style>.kb-row-layout-id17620_3ee61c-2d > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id17620_3ee61c-2d > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id17620_3ee61c-2d > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:minmax(0, calc(15% - ((var(--global-kb-gap-md, 2rem) * 2 )\/3)))minmax(0, calc(70% - ((var(--global-kb-gap-md, 2rem) * 2 )\/3)))minmax(0, calc(15% - ((var(--global-kb-gap-md, 2rem) * 2 )\/3)));}.kb-row-layout-id17620_3ee61c-2d > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id17620_3ee61c-2d > .kt-row-column-wrap > div:not(.added-for-specificity){grid-column:initial;}}@media all and (max-width: 1024px){.kb-row-layout-id17620_3ee61c-2d > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id17620_3ee61c-2d > .kt-row-column-wrap > div:not(.added-for-specificity){grid-column:initial;}.kb-row-layout-id17620_3ee61c-2d > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id17620_3ee61c-2d alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-3-columns kt-row-layout-center-half kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column17620_866322-5b > .kt-inside-inner-col{padding-top:8px;padding-right:8px;padding-bottom:8px;padding-left:8px;}.kadence-column17620_866322-5b > .kt-inside-inner-col,.kadence-column17620_866322-5b > .kt-inside-inner-col:before{border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-right-radius:16px;border-bottom-left-radius:16px;}.kadence-column17620_866322-5b > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column17620_866322-5b > .kt-inside-inner-col{flex-direction:column;}.kadence-column17620_866322-5b > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column17620_866322-5b > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column17620_866322-5b{position:relative;}@media all and (max-width: 1024px){.kadence-column17620_866322-5b > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column17620_866322-5b > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column17620_866322-5b kittl-template-block\"><div class=\"kt-inside-inner-col\"><\/div><\/div>\n\n\n<style>.kadence-column17620_ee1a6a-43 > .kt-inside-inner-col{padding-top:8px;padding-right:8px;padding-bottom:8px;padding-left:8px;}.kadence-column17620_ee1a6a-43 > .kt-inside-inner-col,.kadence-column17620_ee1a6a-43 > .kt-inside-inner-col:before{border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-right-radius:16px;border-bottom-left-radius:16px;}.kadence-column17620_ee1a6a-43 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column17620_ee1a6a-43 > .kt-inside-inner-col{flex-direction:column;}.kadence-column17620_ee1a6a-43 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column17620_ee1a6a-43 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column17620_ee1a6a-43{position:relative;}@media all and (max-width: 1024px){.kadence-column17620_ee1a6a-43 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column17620_ee1a6a-43 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column17620_ee1a6a-43 kittl-template-block\"><div class=\"kt-inside-inner-col\"><style>.kb-row-layout-id17620_b70539-27 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id17620_b70539-27 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id17620_b70539-27 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id17620_b70539-27 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id17620_b70539-27 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id17620_b70539-27 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id17620_b70539-27 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column17620_31838b-05 > .kt-inside-inner-col{padding-top:8px;padding-right:8px;padding-bottom:8px;padding-left:8px;}.kadence-column17620_31838b-05 > .kt-inside-inner-col{border-top:1px solid #e0e4eb;border-right:1px solid #e0e4eb;border-bottom:1px solid #e0e4eb;border-left:1px solid #e0e4eb;}.kadence-column17620_31838b-05 > .kt-inside-inner-col,.kadence-column17620_31838b-05 > .kt-inside-inner-col:before{border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-right-radius:16px;border-bottom-left-radius:16px;}.kadence-column17620_31838b-05 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column17620_31838b-05 > .kt-inside-inner-col{flex-direction:column;}.kadence-column17620_31838b-05 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column17620_31838b-05 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column17620_31838b-05{position:relative;}@media all and (max-width: 1024px){.kadence-column17620_31838b-05 > .kt-inside-inner-col{border-top:1px solid #e0e4eb;border-right:1px solid #e0e4eb;border-bottom:1px solid #e0e4eb;border-left:1px solid #e0e4eb;flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column17620_31838b-05 > .kt-inside-inner-col{border-top:1px solid #e0e4eb;border-right:1px solid #e0e4eb;border-bottom:1px solid #e0e4eb;border-left:1px solid #e0e4eb;flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column17620_31838b-05 kittl-template-block\"><div class=\"kt-inside-inner-col\">\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.kittl.com\/design\/Freedom-VehEysTY?referral=devanglingdarma\" target=\"_blank\" rel=\" noreferrer noopener\"><img decoding=\"async\" src=\"https:\/\/kittlb-26937.roald-dfw.servebolt.cloud\/wp-content\/uploads\/2025\/10\/aAYOUVvg_A-GMrie_02.ExampleofminimallayoutsthatbreakconventioninBrutalismdominatedwithnegativespaces-Kittl.avif\" alt=\"\"\/><\/a><\/figure>\n\n\n\n<p class=\"has-text-align-center\">Freedom Poster. <a href=\"https:\/\/www.kittl.com\/design\/Freedom-VehEysTY?referral=devanglingdarma\" target=\"_blank\" rel=\"noreferrer noopener\"><mark style=\"background-color:rgba(0, 0, 0, 0);color:#0087e6\" class=\"has-inline-color\">Use Template<\/mark><\/a><\/p>\n<\/div><\/div>\n\n<\/div><\/div><\/div><\/div>\n\n\n<style>.kadence-column17620_2a4e3a-6d > .kt-inside-inner-col{padding-top:8px;padding-right:8px;padding-bottom:8px;padding-left:8px;}.kadence-column17620_2a4e3a-6d > .kt-inside-inner-col,.kadence-column17620_2a4e3a-6d > .kt-inside-inner-col:before{border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-right-radius:16px;border-bottom-left-radius:16px;}.kadence-column17620_2a4e3a-6d > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column17620_2a4e3a-6d > .kt-inside-inner-col{flex-direction:column;}.kadence-column17620_2a4e3a-6d > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column17620_2a4e3a-6d > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column17620_2a4e3a-6d{position:relative;}@media all and (max-width: 1024px){.kadence-column17620_2a4e3a-6d > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column17620_2a4e3a-6d > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column17620_2a4e3a-6d kittl-template-block\"><div class=\"kt-inside-inner-col\"><\/div><\/div>\n\n<\/div><\/div>\n\n\n<p>A Brutalist layout usually rejects the polished grids and symmetry of corporate design. Many brutalist works have a <strong>bare-bones, boxy structure<\/strong> \u2013 or conversely, a jarringly asymmetrical one.&nbsp;<\/p>\n\n\n\n<p>It\u2019s common to see content simply stacked in a single column or scattered in unconventional arrangements that ignore \u201cproper\u201d alignment.<\/p>\n\n\n\n<p>Standard navigation menus or UI components may be omitted or hidden. In web UI, <em>\u201cbrutalist websites use very little CSS, giving off a much boxier HTML effect,\u201d<\/em> resulting in a text-focused, grid-like layout by default\u200b.&nbsp;<\/p>\n\n\n\n<p>This means lots of blocky sections and plain hyperlinks. In print layouts, designers might use an obvious grid but then <strong>violate it<\/strong> by, say, bleeding text off the edge or rotating an element unexpectedly.<\/p>\n\n\n\n<p>The goal is to appear <em>\u201cunfinished\u201d<\/em> or improvised, as if the design is a first draft. This roughness forces the audience to actively navigate the content (since nothing is hand-held by slick UI cues).<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">03. High contrast and limited color&nbsp;<\/h3>\n\n\n<style>.kb-row-layout-id17620_be3a66-5a > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id17620_be3a66-5a > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id17620_be3a66-5a > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:minmax(0, calc(15% - ((var(--global-kb-gap-md, 2rem) * 2 )\/3)))minmax(0, calc(70% - ((var(--global-kb-gap-md, 2rem) * 2 )\/3)))minmax(0, calc(15% - ((var(--global-kb-gap-md, 2rem) * 2 )\/3)));}.kb-row-layout-id17620_be3a66-5a > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id17620_be3a66-5a > .kt-row-column-wrap > div:not(.added-for-specificity){grid-column:initial;}}@media all and (max-width: 1024px){.kb-row-layout-id17620_be3a66-5a > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id17620_be3a66-5a > .kt-row-column-wrap > div:not(.added-for-specificity){grid-column:initial;}.kb-row-layout-id17620_be3a66-5a > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id17620_be3a66-5a alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-3-columns kt-row-layout-center-half kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column17620_a333e0-32 > .kt-inside-inner-col{padding-top:8px;padding-right:8px;padding-bottom:8px;padding-left:8px;}.kadence-column17620_a333e0-32 > .kt-inside-inner-col,.kadence-column17620_a333e0-32 > .kt-inside-inner-col:before{border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-right-radius:16px;border-bottom-left-radius:16px;}.kadence-column17620_a333e0-32 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column17620_a333e0-32 > .kt-inside-inner-col{flex-direction:column;}.kadence-column17620_a333e0-32 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column17620_a333e0-32 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column17620_a333e0-32{position:relative;}@media all and (max-width: 1024px){.kadence-column17620_a333e0-32 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column17620_a333e0-32 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column17620_a333e0-32 kittl-template-block\"><div class=\"kt-inside-inner-col\"><\/div><\/div>\n\n\n<style>.kadence-column17620_849b85-61 > .kt-inside-inner-col{padding-top:8px;padding-right:8px;padding-bottom:8px;padding-left:8px;}.kadence-column17620_849b85-61 > .kt-inside-inner-col,.kadence-column17620_849b85-61 > .kt-inside-inner-col:before{border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-right-radius:16px;border-bottom-left-radius:16px;}.kadence-column17620_849b85-61 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column17620_849b85-61 > .kt-inside-inner-col{flex-direction:column;}.kadence-column17620_849b85-61 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column17620_849b85-61 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column17620_849b85-61{position:relative;}@media all and (max-width: 1024px){.kadence-column17620_849b85-61 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column17620_849b85-61 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column17620_849b85-61 kittl-template-block\"><div class=\"kt-inside-inner-col\"><style>.kb-row-layout-id17620_9b8cb7-e4 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id17620_9b8cb7-e4 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id17620_9b8cb7-e4 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id17620_9b8cb7-e4 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id17620_9b8cb7-e4 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id17620_9b8cb7-e4 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id17620_9b8cb7-e4 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column17620_ab0000-79 > .kt-inside-inner-col{padding-top:8px;padding-right:8px;padding-bottom:8px;padding-left:8px;}.kadence-column17620_ab0000-79 > .kt-inside-inner-col{border-top:1px solid #e0e4eb;border-right:1px solid #e0e4eb;border-bottom:1px solid #e0e4eb;border-left:1px solid #e0e4eb;}.kadence-column17620_ab0000-79 > .kt-inside-inner-col,.kadence-column17620_ab0000-79 > .kt-inside-inner-col:before{border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-right-radius:16px;border-bottom-left-radius:16px;}.kadence-column17620_ab0000-79 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column17620_ab0000-79 > .kt-inside-inner-col{flex-direction:column;}.kadence-column17620_ab0000-79 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column17620_ab0000-79 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column17620_ab0000-79{position:relative;}@media all and (max-width: 1024px){.kadence-column17620_ab0000-79 > .kt-inside-inner-col{border-top:1px solid #e0e4eb;border-right:1px solid #e0e4eb;border-bottom:1px solid #e0e4eb;border-left:1px solid #e0e4eb;flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column17620_ab0000-79 > .kt-inside-inner-col{border-top:1px solid #e0e4eb;border-right:1px solid #e0e4eb;border-bottom:1px solid #e0e4eb;border-left:1px solid #e0e4eb;flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column17620_ab0000-79 kittl-template-block\"><div class=\"kt-inside-inner-col\">\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.kittl.com\/design\/Neo-Brutalist-Typographic-Event-Poster-QOlqSw7Y?referral=devanglingdarma\" target=\"_blank\" rel=\" noreferrer noopener\"><img decoding=\"async\" src=\"https:\/\/kittlb-26937.roald-dfw.servebolt.cloud\/wp-content\/uploads\/2025\/10\/brutalism-cloudy-with-a-chance-of-existential-dread.webp\" alt=\"\"\/><\/a><\/figure>\n\n\n\n<p class=\"has-text-align-center\">Neo Brutalist Typographic Event Poster. <a href=\"https:\/\/www.kittl.com\/design\/Neo-Brutalist-Typographic-Event-Poster-QOlqSw7Y?referral=devanglingdarma\" target=\"_blank\" rel=\"noreferrer noopener\"><mark style=\"background-color:rgba(0, 0, 0, 0);color:#0087e6\" class=\"has-inline-color\">Use Template<\/mark><\/a><\/p>\n<\/div><\/div>\n\n<\/div><\/div><\/div><\/div>\n\n\n<style>.kadence-column17620_3daa6e-00 > .kt-inside-inner-col{padding-top:8px;padding-right:8px;padding-bottom:8px;padding-left:8px;}.kadence-column17620_3daa6e-00 > .kt-inside-inner-col,.kadence-column17620_3daa6e-00 > .kt-inside-inner-col:before{border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-right-radius:16px;border-bottom-left-radius:16px;}.kadence-column17620_3daa6e-00 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column17620_3daa6e-00 > .kt-inside-inner-col{flex-direction:column;}.kadence-column17620_3daa6e-00 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column17620_3daa6e-00 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column17620_3daa6e-00{position:relative;}@media all and (max-width: 1024px){.kadence-column17620_3daa6e-00 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column17620_3daa6e-00 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column17620_3daa6e-00 kittl-template-block\"><div class=\"kt-inside-inner-col\"><\/div><\/div>\n\n<\/div><\/div>\n\n\n<p>Brutalist designs tend to favor either <strong>monochrome <\/strong>schemes or extremely <strong>high-contrast<\/strong> color usage.&nbsp;<\/p>\n\n\n\n<p>Often, the palette is limited and striking \u2013 for example, plain black text on a stark white background with perhaps one accent color. <em>Bold<\/em> primary colors might be used not for harmony but for shock value.&nbsp;<\/p>\n\n\n\n<p>According to one design analysis, <em>\u201cthe strategic use of white space and bold colors\u201d<\/em> is a hallmark of brutalist graphics\u200b. In practice, this could mean a page that is mostly white (or a neutral gray, reminiscent of concrete) with brutally black text and maybe one element in a loud color like neon green or fire-engine red.<\/p>\n\n\n\n<p><strong>The emphasis is on contrast<\/strong>: light vs. dark, saturated vs. neutral. (We will detail specific color palettes in a later section.)<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">04. \u201cTruth to Materials\u201d<\/h3>\n\n\n<style>.kb-row-layout-id17620_7556b6-29 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id17620_7556b6-29 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id17620_7556b6-29 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:minmax(0, calc(15% - ((var(--global-kb-gap-md, 2rem) * 2 )\/3)))minmax(0, calc(70% - ((var(--global-kb-gap-md, 2rem) * 2 )\/3)))minmax(0, calc(15% - ((var(--global-kb-gap-md, 2rem) * 2 )\/3)));}.kb-row-layout-id17620_7556b6-29 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id17620_7556b6-29 > .kt-row-column-wrap > div:not(.added-for-specificity){grid-column:initial;}}@media all and (max-width: 1024px){.kb-row-layout-id17620_7556b6-29 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id17620_7556b6-29 > .kt-row-column-wrap > div:not(.added-for-specificity){grid-column:initial;}.kb-row-layout-id17620_7556b6-29 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id17620_7556b6-29 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-3-columns kt-row-layout-center-half kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column17620_251482-ec > .kt-inside-inner-col{padding-top:8px;padding-right:8px;padding-bottom:8px;padding-left:8px;}.kadence-column17620_251482-ec > .kt-inside-inner-col,.kadence-column17620_251482-ec > .kt-inside-inner-col:before{border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-right-radius:16px;border-bottom-left-radius:16px;}.kadence-column17620_251482-ec > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column17620_251482-ec > .kt-inside-inner-col{flex-direction:column;}.kadence-column17620_251482-ec > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column17620_251482-ec > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column17620_251482-ec{position:relative;}@media all and (max-width: 1024px){.kadence-column17620_251482-ec > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column17620_251482-ec > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column17620_251482-ec kittl-template-block\"><div class=\"kt-inside-inner-col\"><\/div><\/div>\n\n\n<style>.kadence-column17620_e2bd9e-e5 > .kt-inside-inner-col{padding-top:8px;padding-right:8px;padding-bottom:8px;padding-left:8px;}.kadence-column17620_e2bd9e-e5 > .kt-inside-inner-col,.kadence-column17620_e2bd9e-e5 > .kt-inside-inner-col:before{border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-right-radius:16px;border-bottom-left-radius:16px;}.kadence-column17620_e2bd9e-e5 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column17620_e2bd9e-e5 > .kt-inside-inner-col{flex-direction:column;}.kadence-column17620_e2bd9e-e5 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column17620_e2bd9e-e5 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column17620_e2bd9e-e5{position:relative;}@media all and (max-width: 1024px){.kadence-column17620_e2bd9e-e5 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column17620_e2bd9e-e5 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column17620_e2bd9e-e5 kittl-template-block\"><div class=\"kt-inside-inner-col\"><style>.kb-row-layout-id17620_7eaf2b-01 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id17620_7eaf2b-01 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id17620_7eaf2b-01 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id17620_7eaf2b-01 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id17620_7eaf2b-01 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id17620_7eaf2b-01 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id17620_7eaf2b-01 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column17620_616b02-92 > .kt-inside-inner-col{padding-top:8px;padding-right:8px;padding-bottom:8px;padding-left:8px;}.kadence-column17620_616b02-92 > .kt-inside-inner-col{border-top:1px solid #e0e4eb;border-right:1px solid #e0e4eb;border-bottom:1px solid #e0e4eb;border-left:1px solid #e0e4eb;}.kadence-column17620_616b02-92 > .kt-inside-inner-col,.kadence-column17620_616b02-92 > .kt-inside-inner-col:before{border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-right-radius:16px;border-bottom-left-radius:16px;}.kadence-column17620_616b02-92 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column17620_616b02-92 > .kt-inside-inner-col{flex-direction:column;}.kadence-column17620_616b02-92 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column17620_616b02-92 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column17620_616b02-92{position:relative;}@media all and (max-width: 1024px){.kadence-column17620_616b02-92 > .kt-inside-inner-col{border-top:1px solid #e0e4eb;border-right:1px solid #e0e4eb;border-bottom:1px solid #e0e4eb;border-left:1px solid #e0e4eb;flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column17620_616b02-92 > .kt-inside-inner-col{border-top:1px solid #e0e4eb;border-right:1px solid #e0e4eb;border-bottom:1px solid #e0e4eb;border-left:1px solid #e0e4eb;flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column17620_616b02-92 kittl-template-block\"><div class=\"kt-inside-inner-col\">\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.kittl.com\/design\/Sold-T-Shirt-eK0P2b7t?referral=devanglingdarma\" target=\"_blank\" rel=\" noreferrer noopener\"><img decoding=\"async\" src=\"https:\/\/kittlb-26937.roald-dfw.servebolt.cloud\/wp-content\/uploads\/2025\/10\/aAYOUlvg_A-GMrig_04.TruthtoMaterialswithgrungetextureeffectcombinedwithY2Kaesthetic-Kittl.avif\" alt=\"\"\/><\/a><\/figure>\n\n\n\n<p class=\"has-text-align-center\">Sold Poster. <a href=\"https:\/\/www.kittl.com\/design\/Sold-T-Shirt-eK0P2b7t?referral=devanglingdarma\" target=\"_blank\" rel=\"noreferrer noopener\"><mark style=\"background-color:rgba(0, 0, 0, 0);color:#0087e6\" class=\"has-inline-color\">Use Template<\/mark><\/a><\/p>\n<\/div><\/div>\n\n<\/div><\/div><\/div><\/div>\n\n\n<style>.kadence-column17620_de7bad-2d > .kt-inside-inner-col{padding-top:8px;padding-right:8px;padding-bottom:8px;padding-left:8px;}.kadence-column17620_de7bad-2d > .kt-inside-inner-col,.kadence-column17620_de7bad-2d > .kt-inside-inner-col:before{border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-right-radius:16px;border-bottom-left-radius:16px;}.kadence-column17620_de7bad-2d > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column17620_de7bad-2d > .kt-inside-inner-col{flex-direction:column;}.kadence-column17620_de7bad-2d > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column17620_de7bad-2d > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column17620_de7bad-2d{position:relative;}@media all and (max-width: 1024px){.kadence-column17620_de7bad-2d > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column17620_de7bad-2d > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column17620_de7bad-2d kittl-template-block\"><div class=\"kt-inside-inner-col\"><\/div><\/div>\n\n<\/div><\/div>\n\n\n<p>Borrowing a concept from architecture, Brutalist design often shows an <em>honest use of materials<\/em>. In architecture, this meant showing raw concrete and structural elements; in graphic\/web design, it means <strong>exposing the basic building blocks<\/strong>.&nbsp;<\/p>\n\n\n\n<p>This can translate to using default HTML elements (buttons, forms) with no styling, showing pixelation or grain in images, or using textures that mimic raw materials.<\/p>\n\n\n\n<p>For instance, a brutalist web page might display the <em>actual code-like<\/em> appearance of a form or a browser\u2019s default blue links \u2013 effectively saying, \u201cthis is made of HTML, and we\u2019re not hiding it.\u201d&nbsp;<\/p>\n\n\n\n<p>One web design blog notes that brutalist sites <em>\u201cforeground information and eschew decoration,\u201d<\/em> essentially using only the web\u2019s \u201craw materials\u201d of text and hyperlink blue\u200b.<\/p>\n\n\n\n<p>Even in printed graphic design, you may see visible guidelines or rough paper: e.g,. Leaving crop marks in a poster or printing on kraft paper to highlight the texture. This raw tactility is very much on purpose.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">05. Use of brutal simplicity (or deliberate complexity)<\/h3>\n\n\n<style>.kb-row-layout-id17620_d194e0-e3 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id17620_d194e0-e3 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id17620_d194e0-e3 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:minmax(0, calc(15% - ((var(--global-kb-gap-md, 2rem) * 2 )\/3)))minmax(0, calc(70% - ((var(--global-kb-gap-md, 2rem) * 2 )\/3)))minmax(0, calc(15% - ((var(--global-kb-gap-md, 2rem) * 2 )\/3)));}.kb-row-layout-id17620_d194e0-e3 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id17620_d194e0-e3 > .kt-row-column-wrap > div:not(.added-for-specificity){grid-column:initial;}}@media all and (max-width: 1024px){.kb-row-layout-id17620_d194e0-e3 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id17620_d194e0-e3 > .kt-row-column-wrap > div:not(.added-for-specificity){grid-column:initial;}.kb-row-layout-id17620_d194e0-e3 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id17620_d194e0-e3 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-3-columns kt-row-layout-center-half kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column17620_8af562-05 > .kt-inside-inner-col{padding-top:8px;padding-right:8px;padding-bottom:8px;padding-left:8px;}.kadence-column17620_8af562-05 > .kt-inside-inner-col,.kadence-column17620_8af562-05 > .kt-inside-inner-col:before{border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-right-radius:16px;border-bottom-left-radius:16px;}.kadence-column17620_8af562-05 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column17620_8af562-05 > .kt-inside-inner-col{flex-direction:column;}.kadence-column17620_8af562-05 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column17620_8af562-05 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column17620_8af562-05{position:relative;}@media all and (max-width: 1024px){.kadence-column17620_8af562-05 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column17620_8af562-05 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column17620_8af562-05 kittl-template-block\"><div class=\"kt-inside-inner-col\"><\/div><\/div>\n\n\n<style>.kadence-column17620_b3c162-aa > .kt-inside-inner-col{padding-top:8px;padding-right:8px;padding-bottom:8px;padding-left:8px;}.kadence-column17620_b3c162-aa > .kt-inside-inner-col,.kadence-column17620_b3c162-aa > .kt-inside-inner-col:before{border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-right-radius:16px;border-bottom-left-radius:16px;}.kadence-column17620_b3c162-aa > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column17620_b3c162-aa > .kt-inside-inner-col{flex-direction:column;}.kadence-column17620_b3c162-aa > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column17620_b3c162-aa > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column17620_b3c162-aa{position:relative;}@media all and (max-width: 1024px){.kadence-column17620_b3c162-aa > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column17620_b3c162-aa > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column17620_b3c162-aa kittl-template-block\"><div class=\"kt-inside-inner-col\"><style>.kb-row-layout-id17620_793607-fe > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id17620_793607-fe > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id17620_793607-fe > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id17620_793607-fe > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id17620_793607-fe > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id17620_793607-fe > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id17620_793607-fe alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column17620_ede0aa-27 > .kt-inside-inner-col{padding-top:8px;padding-right:8px;padding-bottom:8px;padding-left:8px;}.kadence-column17620_ede0aa-27 > .kt-inside-inner-col{border-top:1px solid #e0e4eb;border-right:1px solid #e0e4eb;border-bottom:1px solid #e0e4eb;border-left:1px solid #e0e4eb;}.kadence-column17620_ede0aa-27 > .kt-inside-inner-col,.kadence-column17620_ede0aa-27 > .kt-inside-inner-col:before{border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-right-radius:16px;border-bottom-left-radius:16px;}.kadence-column17620_ede0aa-27 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column17620_ede0aa-27 > .kt-inside-inner-col{flex-direction:column;}.kadence-column17620_ede0aa-27 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column17620_ede0aa-27 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column17620_ede0aa-27{position:relative;}@media all and (max-width: 1024px){.kadence-column17620_ede0aa-27 > .kt-inside-inner-col{border-top:1px solid #e0e4eb;border-right:1px solid #e0e4eb;border-bottom:1px solid #e0e4eb;border-left:1px solid #e0e4eb;flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column17620_ede0aa-27 > .kt-inside-inner-col{border-top:1px solid #e0e4eb;border-right:1px solid #e0e4eb;border-bottom:1px solid #e0e4eb;border-left:1px solid #e0e4eb;flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column17620_ede0aa-27 kittl-template-block\"><div class=\"kt-inside-inner-col\">\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.kittl.com\/design\/Brutalist-Themed-Moodboard-Brand-Board-vCr8F7ab?referral=devanglingdarma\" target=\"_blank\" rel=\" noreferrer noopener\"><img decoding=\"async\" src=\"https:\/\/kittlb-26937.roald-dfw.servebolt.cloud\/wp-content\/uploads\/2025\/10\/aBxGCSdWJ-7kRvE1_Brutalism-Blog-1.avif\" alt=\"\"\/><\/a><\/figure>\n\n\n\n<p class=\"has-text-align-center\">Brutalist Theme Moodboard. <a href=\"https:\/\/www.kittl.com\/design\/Brutalist-Themed-Moodboard-Brand-Board-vCr8F7ab?referral=devanglingdarma\" target=\"_blank\" rel=\"noreferrer noopener\"><mark style=\"background-color:rgba(0, 0, 0, 0);color:#0087e6\" class=\"has-inline-color\">Use Template<\/mark><\/a><\/p>\n<\/div><\/div>\n\n<\/div><\/div><\/div><\/div>\n\n\n<style>.kadence-column17620_d11be2-98 > .kt-inside-inner-col{padding-top:8px;padding-right:8px;padding-bottom:8px;padding-left:8px;}.kadence-column17620_d11be2-98 > .kt-inside-inner-col,.kadence-column17620_d11be2-98 > .kt-inside-inner-col:before{border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-right-radius:16px;border-bottom-left-radius:16px;}.kadence-column17620_d11be2-98 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column17620_d11be2-98 > .kt-inside-inner-col{flex-direction:column;}.kadence-column17620_d11be2-98 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column17620_d11be2-98 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column17620_d11be2-98{position:relative;}@media all and (max-width: 1024px){.kadence-column17620_d11be2-98 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column17620_d11be2-98 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column17620_d11be2-98 kittl-template-block\"><div class=\"kt-inside-inner-col\"><\/div><\/div>\n\n<\/div><\/div>\n\n\n<p>Interestingly, Brutalist design oscillates between extreme simplicity and deliberate complexity.&nbsp;<\/p>\n\n\n\n<p>On one hand, many brutalist works are <strong>ultra-minimal<\/strong> \u2013 only the absolutely necessary content is presented, with an almost stubborn refusal to add frills. (The mantra <em>\u201cform follows function\u201d<\/em> is taken to heart\u200b).<\/p>\n\n\n\n<p>On the other hand, some brutalist designers embrace <em>chaos<\/em> \u2013 clashing elements, overlapping images, scrolling marquees \u2013 to create a hectic, <strong>anti-user-friendly<\/strong> vibe.<\/p>\n\n\n\n<p>Both approaches break the rules: one by stark simplicity, the other by anarchic composition. What they share is a rejection of <em>balanced, middle-of-the-road design<\/em>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">06. Textures and imagery<\/h3>\n\n\n<style>.kb-row-layout-id17620_d1be4b-9f > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id17620_d1be4b-9f > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id17620_d1be4b-9f > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:minmax(0, calc(15% - ((var(--global-kb-gap-md, 2rem) * 2 )\/3)))minmax(0, calc(70% - ((var(--global-kb-gap-md, 2rem) * 2 )\/3)))minmax(0, calc(15% - ((var(--global-kb-gap-md, 2rem) * 2 )\/3)));}.kb-row-layout-id17620_d1be4b-9f > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id17620_d1be4b-9f > .kt-row-column-wrap > div:not(.added-for-specificity){grid-column:initial;}}@media all and (max-width: 1024px){.kb-row-layout-id17620_d1be4b-9f > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id17620_d1be4b-9f > .kt-row-column-wrap > div:not(.added-for-specificity){grid-column:initial;}.kb-row-layout-id17620_d1be4b-9f > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id17620_d1be4b-9f alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-3-columns kt-row-layout-center-half kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column17620_c588c0-17 > .kt-inside-inner-col{padding-top:8px;padding-right:8px;padding-bottom:8px;padding-left:8px;}.kadence-column17620_c588c0-17 > .kt-inside-inner-col,.kadence-column17620_c588c0-17 > .kt-inside-inner-col:before{border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-right-radius:16px;border-bottom-left-radius:16px;}.kadence-column17620_c588c0-17 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column17620_c588c0-17 > .kt-inside-inner-col{flex-direction:column;}.kadence-column17620_c588c0-17 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column17620_c588c0-17 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column17620_c588c0-17{position:relative;}@media all and (max-width: 1024px){.kadence-column17620_c588c0-17 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column17620_c588c0-17 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column17620_c588c0-17 kittl-template-block\"><div class=\"kt-inside-inner-col\"><\/div><\/div>\n\n\n<style>.kadence-column17620_a6c1d0-cf > .kt-inside-inner-col{padding-top:8px;padding-right:8px;padding-bottom:8px;padding-left:8px;}.kadence-column17620_a6c1d0-cf > .kt-inside-inner-col,.kadence-column17620_a6c1d0-cf > .kt-inside-inner-col:before{border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-right-radius:16px;border-bottom-left-radius:16px;}.kadence-column17620_a6c1d0-cf > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column17620_a6c1d0-cf > .kt-inside-inner-col{flex-direction:column;}.kadence-column17620_a6c1d0-cf > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column17620_a6c1d0-cf > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column17620_a6c1d0-cf{position:relative;}@media all and (max-width: 1024px){.kadence-column17620_a6c1d0-cf > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column17620_a6c1d0-cf > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column17620_a6c1d0-cf kittl-template-block\"><div class=\"kt-inside-inner-col\"><style>.kb-row-layout-id17620_fedad9-d4 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id17620_fedad9-d4 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id17620_fedad9-d4 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id17620_fedad9-d4 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id17620_fedad9-d4 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id17620_fedad9-d4 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id17620_fedad9-d4 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column17620_de3f13-b9 > .kt-inside-inner-col{padding-top:8px;padding-right:8px;padding-bottom:8px;padding-left:8px;}.kadence-column17620_de3f13-b9 > .kt-inside-inner-col{border-top:1px solid #e0e4eb;border-right:1px solid #e0e4eb;border-bottom:1px solid #e0e4eb;border-left:1px solid #e0e4eb;}.kadence-column17620_de3f13-b9 > .kt-inside-inner-col,.kadence-column17620_de3f13-b9 > .kt-inside-inner-col:before{border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-right-radius:16px;border-bottom-left-radius:16px;}.kadence-column17620_de3f13-b9 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column17620_de3f13-b9 > .kt-inside-inner-col{flex-direction:column;}.kadence-column17620_de3f13-b9 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column17620_de3f13-b9 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column17620_de3f13-b9{position:relative;}@media all and (max-width: 1024px){.kadence-column17620_de3f13-b9 > .kt-inside-inner-col{border-top:1px solid #e0e4eb;border-right:1px solid #e0e4eb;border-bottom:1px solid #e0e4eb;border-left:1px solid #e0e4eb;flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column17620_de3f13-b9 > .kt-inside-inner-col{border-top:1px solid #e0e4eb;border-right:1px solid #e0e4eb;border-bottom:1px solid #e0e4eb;border-left:1px solid #e0e4eb;flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column17620_de3f13-b9 kittl-template-block\"><div class=\"kt-inside-inner-col\">\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.kittl.com\/design\/Perpetual-Pathways-Album-Cover-kXBKqeKA?ref=devanglingdarma\" target=\"_blank\" rel=\" noreferrer noopener\"><img decoding=\"async\" src=\"https:\/\/kittlb-26937.roald-dfw.servebolt.cloud\/wp-content\/uploads\/2025\/10\/aAYOVFvg_A-GMrii_06.PlaywithtexturesandImagery-Kittl.avif\" alt=\"\"\/><\/a><\/figure>\n\n\n\n<p class=\"has-text-align-center\">Perpetual Pathways Album Cover. <a href=\"https:\/\/www.kittl.com\/design\/Perpetual-Pathways-Album-Cover-kXBKqeKA?ref=devanglingdarma\" target=\"_blank\" rel=\"noreferrer noopener\"><mark style=\"background-color:rgba(0, 0, 0, 0);color:#0087e6\" class=\"has-inline-color\">Use Template<\/mark><\/a><\/p>\n<\/div><\/div>\n\n<\/div><\/div><\/div><\/div>\n\n\n<style>.kadence-column17620_863833-82 > .kt-inside-inner-col{padding-top:8px;padding-right:8px;padding-bottom:8px;padding-left:8px;}.kadence-column17620_863833-82 > .kt-inside-inner-col,.kadence-column17620_863833-82 > .kt-inside-inner-col:before{border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-right-radius:16px;border-bottom-left-radius:16px;}.kadence-column17620_863833-82 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column17620_863833-82 > .kt-inside-inner-col{flex-direction:column;}.kadence-column17620_863833-82 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column17620_863833-82 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column17620_863833-82{position:relative;}@media all and (max-width: 1024px){.kadence-column17620_863833-82 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column17620_863833-82 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column17620_863833-82 kittl-template-block\"><div class=\"kt-inside-inner-col\"><\/div><\/div>\n\n<\/div><\/div>\n\n\n<p>While many brutalist compositions rely heavily on text and flat color, imagery is not off-limits. When images are used, they might be black-and-white photos or low-resolution graphics, often with their edges or backgrounds left unedited (again, an \u201chonest\u201d presentation).<\/p>\n\n\n\n<p>Collage techniques are common as well \u2013 e.g., layering clip art or emoji with harsh contrast, as noted in recent poster designs influenced by digital brutalism.<\/p>\n\n\n\n<p>In print, designers may incorporate scans of concrete textures, photocopier noise, or deliberately poor-quality prints to give a rough feel.<\/p>\n\n\n\n<p>The overall textural vibe is raw: think grainy photos, bitmap icons, or flat illustrations with no gloss. If Swiss Modernism loved clean white and perfect line art, Brutalism embraces the grit (or at least the appearance of it).<\/p>\n\n\n\n<p>For designers interested in experimenting with these effects, you can discover methods to <a target=\"_blank\" rel=\"noreferrer noopener\" id=\"\" href=\"https:\/\/www.kittl.com\/article\/distress-and-grunge-texture\">incorporate grunge textures<\/a> that align with the Brutalist style using practical techniques in Kittl.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">4 artists and studios to watch for Brutalist art style inspiration<\/h2>\n\n\n\n<p>If you\u2019re looking to immerse yourself in Brutalist design and learn from the best, there are several contemporary designers, artists, and studios known for mastering this aesthetic.&nbsp;<\/p>\n\n\n\n<p>Below is a list of notable figures and groups whose work exemplifies Brutalist principles (each with a note on what they\u2019re known for):<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">01. Pascal Deville \u2013 Founder of <em>Brutalist Websites<\/em><\/h3>\n\n\n\n<p>Pascal Deville is a Swiss creative director often credited with coining and catalyzing the Brutalist web design movement in the 2010s. In 2014, he launched <strong>BrutalistWebsites.com<\/strong>, a curated directory of Brutalist-style sites that became a hub for inspiration\u200b.<\/p>\n\n\n\n<p>According to <em>Smashing Magazine<\/em>, after vetting hundreds of submissions, Deville observed a three-way split in Brutalist web approaches (from purist to radical)\u200b.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">02. Studio HAWRAF \u2013 Experimental interaction design<\/h3>\n\n\n\n<p>If you&#8217;re looking to design a Brutalist-style website interface, we\u2019ve got good news: there\u2019s a whole world of reference sites that embrace this raw, rule-breaking approach.<\/p>\n\n\n\n<p>From minimalist layouts that ignore modern UX conventions to chaotic, all-text navigation systems, these digital spaces offer endless inspiration.<\/p>\n\n\n\n<p>One standout example is <strong>HAWRAF<\/strong>, a New York-based design studio (active circa 2016\u20132018) that made waves with its anti-design ethos. Their own website invited users to \u201ccheck every link\u201d by listing out <em>every single element<\/em> in one long, scrollable page\u2014a tongue-in-cheek move that turned UX hierarchy on its head.<\/p>\n\n\n\n<p>HAWRAF\u2019s work often featured chaotic layouts, interactive oddities, and graphic rawness that felt both disruptive and intentional. It&#8217;s a perfect case study for anyone aiming to challenge the norms of digital design with a Brutalist mindset.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">03. Wunder Werkz \u2013 Branding with Brutalism (Denver)<\/h3>\n\n\n\n<p>Wunder Werkz is a Denver-based design studio known for using Brutalist principles to build bold, immersive brand identities. Their work often features stripped-down layouts, raw typography, and jarring interactions that disrupt traditional user flows.<\/p>\n\n\n\n<p>A great example is their own website\u2014move your cursor, and photos flash across the screen in scattered, unpredictable spots. It\u2019s chaotic by design, reflecting the Brutalist rejection of polished, overly guided interfaces.<\/p>\n\n\n\n<p>They\u2019ve also brought this aesthetic into the real world, like with the identity for <em>Brut\u00f8<\/em>, a minimalist restaurant that uses industrial typography and stark visual elements across both print and space.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">04. Craig Oldham \u2013 Graphic designer &amp; author<\/h3>\n\n\n\n<p>Craig Oldham is a British graphic designer known for his outspoken, punk-influenced design work and writings. Oldham has produced projects that embrace a kind of <em>\u201cbeautiful ugliness.\u201d<\/em><\/p>\n\n\n\n<p>For instance, he\u2019s worked on protest art and books that employ deliberately rough typography and layouts. He\u2019s cited as one of the designers who <em>\u201cpushed the anti-aesthetic forward by using asymmetrical grids, harsh color contrasts, and unrefined elements.\u201d<\/em><\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-16018d1d wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/www.kittl.com\/templates\" target=\"_blank\" rel=\"noreferrer noopener\">Say more with less. Start with a Brutalist-inspired template<\/a><\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Color palettes commonly used in the Brutalist art style<\/h2>\n\n\n\n<p>Color in Brutalist design tends to be stark, either extremely minimal or outrageously bold (and sometimes both!)<\/p>\n\n\n\n<p>The palette you choose will greatly influence the tone of your brutalist project \u2013 whether it feels harsh and utilitarian, or loud and punk.&nbsp;<\/p>\n\n\n\n<p>Below are some proven palette approaches frequently seen in Brutalist art style, complete with HEX codes and notes on their psychological\/compositional impact:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">01. Monochrome with hyperlink blue<\/h3>\n\n\n\n<figure class=\"wp-block-image alignwide size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"450\" src=\"https:\/\/kittlb-26937.roald-dfw.servebolt.cloud\/wp-content\/uploads\/2025\/10\/aBxGCSdWJ-7kRvE2_Brutalism-Blog-2.avif\" alt=\"Monochrome with hyperlink blue color palette consist of #FFFFFF (White), #000000 (Black), #0000EE (Hyperlink Blue) - Kittl\" class=\"wp-image-8774\"\/><\/figure>\n\n\n\n<p><strong><em>Palette<\/em><\/strong><em>: #FFFFFF (White), #000000 (Black), #0000EE (Hyperlink Blue).<\/em><\/p>\n\n\n\n<p>This palette is straight from the early web playbook. White and black provide maximum contrast and a neutral canvas, while the standard hyperlink blue (that default bright blue browsers use for links) adds a touch of recognition and emphasis.&nbsp;<\/p>\n\n\n\n<p>Using this trio emulates the look of plain HTML pages and bare OS interfaces, tapping into a sense of utility and nostalgia. Psychologically, black-on-white is the easiest to read (hence feeling <strong>functional<\/strong>), and the blue triggers the user\u2019s impulse to identify clickable text (as learned from decades of web use).&nbsp;<\/p>\n\n\n\n<p>Designers favor this palette in Brutalist sites because it <strong>\u201cevokes the early days of the web, and uses one of the web\u2019s raw materials\u201d<\/strong> \u2013 the blue link.&nbsp;<\/p>\n\n\n\n<p>For example, a brutally designed wiki or blog might be almost entirely black text on white, with blue for links and highlights. The effect is unpretentious and content-forward. It can also feel stark and serious (black\/white being the absence of color play), which aligns with Brutalism\u2019s no-frills ethos.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">02. High-contrast black, white &amp; red<\/h3>\n\n\n\n<figure class=\"wp-block-image alignwide size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"450\" src=\"https:\/\/kittlb-26937.roald-dfw.servebolt.cloud\/wp-content\/uploads\/2025\/10\/aBxGCidWJ-7kRvE3_Brutalism-Blog-3.avif\" alt=\"Common Brutalist color palette like high-contrast black, white &amp; red color palette consist of  #000000 (Black), #FFFFFF (White), #FF0000 (Red) - Kittl\" class=\"wp-image-8775\"\/><\/figure>\n\n\n\n<p><strong><em>Palette<\/em><\/strong><em>: #000000 (Black), #FFFFFF (White), #FF0000 (Red).<\/em><\/p>\n\n\n\n<p>Black, white, and red is a classic combination in graphic design with a lot of historical weight \u2013 from Constructivist propaganda posters to underground zines.<\/p>\n\n\n\n<p>In a Brutalist context, this palette screams for attention and carries a slightly aggressive or urgent tone. Red is the most emotionally intense color; as an accent against black and white, it can signify warning, revolution, or importance.&nbsp;<\/p>\n\n\n\n<p>For instance, the Brut\u00f8 restaurant\u2019s website used a <strong>strong red background with black text<\/strong>\u200b, creating a visceral punch and a modern-yet-brutal look. Red on white or red on black has extremely high contrast, which is visually arresting (think of STOP signs or error messages).&nbsp;<\/p>\n\n\n\n<p>Compositionally, using red sparingly (for backgrounds or key text) against a black\/white layout will draw focus exactly where you want it \u2013 you can lead the eye to, say, a logo or a call-to-action by making it red.<\/p>\n\n\n\n<p>Psychologically, black and white provide the straightforward, <em>honest<\/em> backdrop, while red adds an element of <strong>rebellion or urgency<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">03. Industrial gray tones with neon accent<\/h3>\n\n\n\n<figure class=\"wp-block-image alignwide size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"450\" src=\"https:\/\/kittlb-26937.roald-dfw.servebolt.cloud\/wp-content\/uploads\/2025\/10\/aBxGCydWJ-7kRvE4_Brutalism-Blog-4.avif\" alt=\"Industrial gray tones with neon accent palette consist of #F0F0F0 (Concrete Gray), #606060 (Dark Gray), #39FF14 (Neon Green) \u2013 plus black or white as needed - Kittl\" class=\"wp-image-8776\"\/><\/figure>\n\n\n\n<p><strong><em>Palette<\/em><\/strong><em>: #F0F0F0 (Concrete Gray), #606060 (Dark Gray), #39FF14 (Neon Green) \u2013 plus black or white as needed.<\/em><\/p>\n\n\n\n<p>This palette mirrors the concrete textures of Brutalist architecture with a futuristic twist. The grays (#F0F0F0 is a light gray, like weathered cement; #606060 is a mid-to-dark gray for text or background elements) establish a utilitarian, subdued base.<\/p>\n\n\n\n<p>By itself, a gray palette can feel cold, which is actually on-brand: it channels the \u201craw concrete\u201d vibe and a neutral, objective mood.<\/p>\n\n\n\n<p>Now, adding a neon green (a very bright, almost fluorescent green) as an accent introduces a jolt of modern digital energy. Neon green (or you could substitute neon pink #FF0AFF, or electric blue #00FFFF, depending on preference) contrasts sharply with gray, creating a focal point that feels a bit glitchy or high-tech.&nbsp;<\/p>\n\n\n\n<p>This sharp contrast is exactly why <a href=\"https:\/\/www.kittl.com\/blogs\/neon-colors-for-your-design-asp\" target=\"_blank\" rel=\"noreferrer noopener\">neon color palettes<\/a> have become a go-to choice for designers aiming to break visual conventions\u2014especially in bold, boundary-pushing styles like Neo-Brutalism.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">04. \u201cPretty-Ugly\u201d clashing pastels<\/h3>\n\n\n\n<figure class=\"wp-block-image alignwide size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"450\" src=\"https:\/\/kittlb-26937.roald-dfw.servebolt.cloud\/wp-content\/uploads\/2025\/10\/aBxGDCdWJ-7kRvE5_Brutalism-Blog-5.avif\" alt=\"Uncommon color palette in brutalism is something like this \u201cPretty-Ugly\u201d clashing pastels palette consist of  #FFB7DD (Bubblegum Pink), #A0E7E5 (Cyan Teal), #FBE7C6 (Beige Yellow), #343434 (Charcoal for text) - Kittl\" class=\"wp-image-8777\"\/><\/figure>\n\n\n\n<p><strong><em>Palette<\/em><\/strong><em>: #FFB7DD (Bubblegum Pink), #A0E7E5 (Cyan Teal), #FBE7C6 (Beige Yellow), #343434 (Charcoal for text).<\/em><\/p>\n\n\n\n<p><strong>Pastels in general aren\u2019t typical for Brutalism<\/strong>, but neo-brutalism has expanded to include \u201cso bad it\u2019s good\u201d combinations. The psychological effect here is subversion: using cheerful colors in a way that feels chaotic rather than comforting. It can create visual tension that draws viewers in.&nbsp;<\/p>\n\n\n\n<p>For example, a poster with a pink background and cyan headline text, plus random beige elements, would certainly get a double-take for its odd combo. The charcoal dark gray is included as a text color because pure black might be too harsh with these lighter tones; charcoal softens just a bit while still providing contrast.<\/p>\n\n\n\n<p>Compositionally, this palette works when you assign each color to a distinct role (e.g., one color for background, another for headlines, another for accents) so they deliberately don\u2019t \u201cmatch.\u201d<\/p>\n\n\n\n<p>Designers who want to channel the <strong>\u201cugly design\u201d<\/strong> trend might use this \u2013 it\u2019s a more eccentric flavor of Brutalism that overlaps with retro and vaporwave influences.<\/p>\n\n\n\n<p>Keep in mind that pastels will reduce contrast, so if legibility suffers, adjust the tone (e.g., deeper pink or adding a white outline to teal text). The goal is a <em>bubblegum meets brutal<\/em> statement, which conveys creativity and nonconformity with a tongue-in-cheek tone.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Why does the Brutalist Art style still matter in modern design?<\/h2>\n\n\n\n<p>The Brutalist art style reminds designers that function can be raw, structure can be visible, and beauty isn\u2019t always the end goal. For advanced creatives, Brutalism is a way to reset the design instinct, question default choices, and reconnect with the core of visual communication.<\/p>\n\n\n\n<p>By stripping away polish and embracing tension, the Brutalist art style offers a creative space where typography speaks louder, grids break with purpose, and every element has to earn its place.<\/p>\n\n\n\n<p>It\u2019s not about being contrarian for the sake of it\u2014it\u2019s about creating work that feels real, honest, and unforgettable.<\/p>\n\n\n\n<p>So if you\u2019re feeling stuck in safe layouts or overly refined systems, let Brutalism be your sharp edge. Explore it, break it, own it\u2014and let it remind you that sometimes, the most powerful designs are the ones that refuse to play nice.&nbsp;<\/p>\n\n\n\n<p>And if you&#8217;re ready to experiment with bold typography, raw layout tools, and expressive visual features, <a target=\"_blank\" rel=\"noreferrer noopener\" id=\"\" href=\"http:\/\/kittl.com\/pricing\">Kittl\u2019s design platform<\/a> makes it easy to get started\u2014with flexible plans for every creative workflow.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-16018d1d wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"http:\/\/kittl.com\/templates\" target=\"_blank\" rel=\"noreferrer noopener\">Make brutalist design your baseline<\/a><\/div>\n<\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In 2017, Nielsen Norman Group found something surprising: websites that broke all the design rules\u2014ugly layouts, default fonts, no visual polish \u2014 often performed better than their \u201cperfect\u201d counterparts. They loaded faster, got straight to the point, and refused to distract users with fluff. These weren\u2019t accidents\u2014they were acts of intentional rebellion. And that rebellion&#8230;<\/p>\n","protected":false},"author":31,"featured_media":8755,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"categories":[20],"tags":[467,621,620],"class_list":["post-17620","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design-inspiration","tag-design-styles","tag-editors-picks","tag-recommended"],"taxonomy_info":{"category":[{"value":20,"label":"Design Inspiration"}],"post_tag":[{"value":467,"label":"Design Styles"},{"value":621,"label":"Editor's Picks"},{"value":620,"label":"Recommended"}]},"featured_image_src_large":["https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2025\/10\/aBxGDSdWJ-7kRvE6_Brutalist-blog-thumbnail.avif",1024,470,false],"author_info":{"display_name":"Kittl Team - Dev","author_link":"https:\/\/www.kittl.com\/blogs\/author\/kittl-team\/"},"comment_info":0,"category_info":[{"term_id":20,"name":"Design Inspiration","slug":"design-inspiration","term_group":0,"term_taxonomy_id":20,"taxonomy":"category","description":"Spark your creativity with design inspiration from Kittl. Browse fresh ideas, trending styles, and standout projects powered by AI. Find the perfect starting point for your next graphic design masterpiece.","parent":0,"count":82,"filter":"raw","cat_ID":20,"category_count":82,"category_description":"Spark your creativity with design inspiration from Kittl. Browse fresh ideas, trending styles, and standout projects powered by AI. Find the perfect starting point for your next graphic design masterpiece.","cat_name":"Design Inspiration","category_nicename":"design-inspiration","category_parent":0}],"tag_info":[{"term_id":467,"name":"Design Styles","slug":"design-styles","term_group":0,"term_taxonomy_id":467,"taxonomy":"post_tag","description":"Discover the world of design styles with Kittl \u2014 your source for creative inspiration and professional design tips. From minimalist layouts to retro aesthetics, bold typography, and hand-drawn illustrations, explore how different visual styles shape unique creative identities","parent":0,"count":61,"filter":"raw"},{"term_id":621,"name":"Editor's Picks","slug":"editors-picks","term_group":0,"term_taxonomy_id":621,"taxonomy":"post_tag","description":"The best place to start. Our curated lists.","parent":0,"count":182,"filter":"raw"},{"term_id":620,"name":"Recommended","slug":"recommended","term_group":0,"term_taxonomy_id":620,"taxonomy":"post_tag","description":"","parent":0,"count":183,"filter":"raw"}],"_links":{"self":[{"href":"https:\/\/www.kittl.com\/blogs\/wp-json\/wp\/v2\/posts\/17620","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.kittl.com\/blogs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.kittl.com\/blogs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.kittl.com\/blogs\/wp-json\/wp\/v2\/users\/31"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kittl.com\/blogs\/wp-json\/wp\/v2\/comments?post=17620"}],"version-history":[{"count":2,"href":"https:\/\/www.kittl.com\/blogs\/wp-json\/wp\/v2\/posts\/17620\/revisions"}],"predecessor-version":[{"id":17623,"href":"https:\/\/www.kittl.com\/blogs\/wp-json\/wp\/v2\/posts\/17620\/revisions\/17623"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.kittl.com\/blogs\/wp-json\/wp\/v2\/media\/8755"}],"wp:attachment":[{"href":"https:\/\/www.kittl.com\/blogs\/wp-json\/wp\/v2\/media?parent=17620"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.kittl.com\/blogs\/wp-json\/wp\/v2\/categories?post=17620"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.kittl.com\/blogs\/wp-json\/wp\/v2\/tags?post=17620"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}