{"id":33261,"date":"2025-01-08T14:43:32","date_gmt":"2025-01-08T13:43:32","guid":{"rendered":"https:\/\/digitale.the-expression.ch\/?p=33261"},"modified":"2025-03-12T00:05:05","modified_gmt":"2025-03-11T23:05:05","slug":"web-brutalism","status":"publish","type":"post","link":"https:\/\/expression-digitale.com\/en\/web-brutalism\/","title":{"rendered":"Web Brutalism"},"content":{"rendered":"

[et_pb_section fb_built=”1″ admin_label=”About Us” _builder_version=”4.22.2″ custom_margin=”||0px||false|false” custom_padding=”||0px||false|false” global_colors_info=”{}”][et_pb_row column_structure=”2_3,1_3″ custom_padding_last_edited=”off|desktop” _builder_version=”4.16″ custom_padding=”27px|0px|0|0px|false|false” custom_padding_tablet=”|0px||0px||true” global_colors_info=”{}”][et_pb_column type=”2_3″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_text _builder_version=”4.27.4″ text_font=”||||||||” text_line_height=”2em” header_font=”|700|||||||” header_font_size=”50px” header_2_font=”|700|||||||” header_2_font_size=”50px” header_2_line_height=”1.4em” header_6_font=”|700||on|||||” header_6_font_size=”16px” header_6_letter_spacing=”5px” header_6_line_height=”1.8em” max_width=”700px” module_alignment=”center” header_font_size_tablet=”35px” header_font_size_phone=”25px” header_font_size_last_edited=”on|desktop” header_2_font_size_tablet=”35px” header_2_font_size_phone=”25px” header_2_font_size_last_edited=”on|desktop” global_colors_info=”{}”]<\/p>\n

Web Brutalism<\/h1>\n

The anti-design that fascinates<\/span><\/h6>\n

[\/et_pb_text][\/et_pb_column][et_pb_column type=”1_3″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=”2_3,1_3″ custom_padding_last_edited=”off|desktop” _builder_version=”4.16″ custom_padding=”27px|0|27px|0px|false|false” custom_padding_tablet=”|0px||0px||true” global_colors_info=”{}”][et_pb_column type=”2_3″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_text _builder_version=”4.27.4″ text_font=”||||||||” text_line_height=”2em” header_font=”||||||||” header_2_font=”Raleway|700|||||||” header_2_font_size=”50px” header_2_line_height=”1.4em” header_6_font=”Raleway|700||on|||||” header_6_font_size=”16px” header_6_letter_spacing=”5px” header_6_line_height=”1.8em” max_width=”700px” module_alignment=”center” header_2_font_size_tablet=”35px” header_2_font_size_phone=”25px” header_2_font_size_last_edited=”on|phone” global_colors_info=”{}”]<\/p>\n

Brutalism\u2019<\/strong> is an architectural movement that emerged in the 1950s, characterised by its raw, minimalist appearance. In recent years, this concept has found a new echo in the world of web design. Unlike the polished, ultra-optimised interfaces we are familiar with, web brutalism adopts a deliberately \u2018raw\u2019 approac<\/strong>h, emphasising simplicity, austerity and sometimes even apparent inefficiency. <\/p>\n

[\/et_pb_text][\/et_pb_column][et_pb_column type=”1_3″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.16″ global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_image src=”https:\/\/expression-digitale.com\/wp-content\/uploads\/2025\/01\/web-brutalisme.jpg” alt=”The Power of Image – digital expression” title_text=”brutalisme – Expression Digitale” _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=”2_3,1_3″ custom_padding_last_edited=”off|desktop” _builder_version=”4.24.2″ custom_padding=”50px|0|27px|0px|false|false” custom_padding_tablet=”|0px||0px||true” global_colors_info=”{}”][et_pb_column type=”2_3″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_text _builder_version=”4.27.4″ text_font=”||||||||” text_line_height=”2em” header_font=”||||||||” header_2_font=”|700|||||||” header_2_font_size=”50px” header_2_line_height=”1.2em” header_6_font=”|700||on|||||” header_6_font_size=”16px” header_6_letter_spacing=”5px” header_6_line_height=”1.8em” max_width=”700px” max_width_last_edited=”off|desktop” module_alignment=”center” header_2_font_size_tablet=”35px” header_2_font_size_phone=”25px” header_2_font_size_last_edited=”on|phone” global_colors_info=”{}”]<\/p>\n

What is<\/h6>\n

Web Brutalism?<\/strong><\/h2>\n

[\/et_pb_text][et_pb_text _builder_version=”4.27.4″ text_font=”||||||||” text_line_height=”2em” header_font=”||||||||” header_2_font=”Raleway|700|||||||” header_2_font_size=”50px” header_2_line_height=”1.4em” header_6_font=”Raleway|700||on|||||” header_6_font_size=”16px” header_6_letter_spacing=”5px” header_6_line_height=”1.8em” max_width=”700px” module_alignment=”center” header_2_font_size_tablet=”35px” header_2_font_size_phone=”25px” header_2_font_size_last_edited=”on|phone” global_colors_info=”{}”]<\/p>\n

Web Brutalism<\/strong> is a response to ultra-standard, conversion-optimised designs. It is distinguished by : <\/p>\n

    \n
  • Massive, unconventional typography<\/strong><\/li>\n
  • An asymmetrical<\/strong>, often chaotic layout<\/li>\n
  • Minimal (<\/strong>if any) use of images and animations<\/li>\n
  • Bright colours<\/strong> or monochrome palettes<\/li>\n
  • An interface that sometimes feels unfinished <\/strong>or clumsy<\/strong><\/li>\n<\/ul>\n

    This style is reminiscent of the early days of the web, when priority was given to content rather than aesthetics. <\/p>\n

    [\/et_pb_text][\/et_pb_column][et_pb_column type=”1_3″ _builder_version=”4.24.2″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][\/et_pb_column][\/et_pb_row][et_pb_row custom_padding_last_edited=”off|desktop” _builder_version=”4.24.2″ background_enable_color=”off” custom_padding=”50px|0|60px|0px|false|false” custom_padding_tablet=”|0px||0px||true” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_text _builder_version=”4.27.4″ text_font=”Georgia||on||||||” text_font_size=”25px” text_line_height=”2em” header_font=”||||||||” header_2_font=”Raleway|700|||||||” header_2_font_size=”50px” header_2_line_height=”1.4em” header_6_font=”Raleway|700||on|||||” header_6_font_size=”16px” header_6_letter_spacing=”5px” header_6_line_height=”1.8em” text_orientation=”center” max_width=”700px” module_alignment=”center” header_2_font_size_tablet=”35px” header_2_font_size_phone=”25px” header_2_font_size_last_edited=”on|phone” global_colors_info=”{}”]It also questions the need for hyper-polishing in modern design, offering a radical alternative.<\/strong>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row custom_padding_last_edited=”off|desktop” _builder_version=”4.22.2″ custom_padding=”0px|0px|0|0px|false|false” custom_padding_tablet=”|0px||0px||true” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_image src=”https:\/\/expression-digitale.com\/wp-content\/uploads\/2025\/01\/web-brutalisme3.jpg” alt=”The Power of Image – digital expression” title_text=”brutalisme – Expression Digitale” _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=”2_3,1_3″ custom_padding_last_edited=”off|desktop” _builder_version=”4.24.2″ custom_padding=”50px|0|27px|0px|false|false” custom_padding_tablet=”|0px||0px||true” global_colors_info=”{}”][et_pb_column type=”2_3″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_text _builder_version=”4.27.4″ text_font=”||||||||” text_line_height=”2em” header_font=”||||||||” header_2_font=”|700|||||||” header_2_font_size=”50px” header_2_line_height=”1.2em” header_6_font=”|700||on|||||” header_6_font_size=”16px” header_6_letter_spacing=”5px” header_6_line_height=”1.8em” max_width=”700px” max_width_last_edited=”off|desktop” module_alignment=”center” header_2_font_size_tablet=”35px” header_2_font_size_phone=”25px” header_2_font_size_last_edited=”on|phone” global_colors_info=”{}”]<\/p>\n

    Why does this style <\/h6>\n

    appeal so much?<\/strong><\/h2>\n

    [\/et_pb_text][et_pb_text _builder_version=”4.27.4″ text_font=”||||||||” text_line_height=”2em” header_font=”||||||||” header_2_font=”Raleway|700|||||||” header_2_font_size=”50px” header_2_line_height=”1.4em” header_6_font=”Raleway|700||on|||||” header_6_font_size=”16px” header_6_letter_spacing=”5px” header_6_line_height=”1.8em” max_width=”700px” module_alignment=”center” header_2_font_size_tablet=”35px” header_2_font_size_phone=”25px” header_2_font_size_last_edited=”on|phone” global_colors_info=”{}”]<\/p>\n

    Web brutalism is intriguing because it goes against the conventions of current web design. In particular, it attracts : <\/p>\n

      \n
    • Experimental artists and designers<\/strong> who see it as a place for free expression.<\/li>\n
    • Brands that want to stand out <\/strong>with a unique and distinctive identity.<\/li>\n
    • Those nostalgic for the web of the 90s<\/strong> who appreciate its \u2018raw\u2019, non-standardised feel.<\/li>\n
    • Fans of unsettling user experiences<\/strong>, who seek to provoke unexpected emotions in visitors<\/li>\n<\/ul>\n

      [\/et_pb_text][\/et_pb_column][et_pb_column type=”1_3″ _builder_version=”4.24.2″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ admin_label=”About Us” _builder_version=”4.22.2″ custom_margin=”||||false|false” custom_padding=”||||false|false” global_colors_info=”{}”][et_pb_row custom_padding_last_edited=”off|desktop” _builder_version=”4.22.2″ custom_padding=”0px|0px|0|0px|false|false” custom_padding_tablet=”|0px||0px||true” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_image src=”https:\/\/expression-digitale.com\/wp-content\/uploads\/2025\/01\/web-brutalisme2.jpg” alt=”The Power of Image – digital expression” title_text=”brutalisme – Expression Digitale” _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=”2_3,1_3″ custom_padding_last_edited=”off|desktop” _builder_version=”4.24.2″ custom_padding=”50px|0|27px|0px|false|false” custom_padding_tablet=”|0px||0px||true” global_colors_info=”{}”][et_pb_column type=”2_3″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_text _builder_version=”4.27.4″ text_font=”||||||||” text_line_height=”2em” header_font=”||||||||” header_2_font=”|700|||||||” header_2_font_size=”50px” header_2_line_height=”1.2em” header_6_font=”|700||on|||||” header_6_font_size=”16px” header_6_letter_spacing=”5px” header_6_line_height=”1.8em” max_width=”700px” max_width_last_edited=”off|desktop” module_alignment=”center” header_2_font_size_tablet=”35px” header_2_font_size_phone=”25px” header_2_font_size_last_edited=”on|phone” global_colors_info=”{}”]<\/p>\n

      An ephemeral style or <\/h6>\n

      a real movement?<\/strong><\/h2>\n

      [\/et_pb_text][et_pb_text _builder_version=”4.27.4″ text_font=”||||||||” text_line_height=”2em” header_font=”||||||||” header_2_font=”Raleway|700|||||||” header_2_font_size=”50px” header_2_line_height=”1.4em” header_6_font=”Raleway|700||on|||||” header_6_font_size=”16px” header_6_letter_spacing=”5px” header_6_line_height=”1.8em” max_width=”700px” module_alignment=”center” header_2_font_size_tablet=”35px” header_2_font_size_phone=”25px” header_2_font_size_last_edited=”on|phone” global_colors_info=”{}”]<\/p>\n

      Web brutalism may seem like a passing trend, but it nevertheless raises some interesting questions about the standardisation of the web and the need for innovation. In a world where most sites follow similar structures and designs to maximise usability, brutalism proposes a bold break<\/strong>, where the user experience is no longer dictated by strict rules but by artistic intent. <\/p>\n

      This style may not suit every project, but it proves that an \u2018imperfect\u2019 design can be just as impactful as an ultra-worked-out one<\/strong>. One thing’s for sure: it continues to fascinate and shake up the codes of the modern web. <\/p>\n

      [\/et_pb_text][\/et_pb_column][et_pb_column type=”1_3″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.24.2″ _module_preset=”default” background_color=”#1f1f1f” custom_padding=”80px||80px||false|false” locked=”off” global_colors_info=”{}”][et_pb_row _builder_version=”4.22.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.22.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.22.2″ _module_preset=”default” text_font=”|300|||||||” header_2_font=”|300|||||||” header_2_font_size=”37px” header_2_line_height=”1.2em” text_font_size_tablet=”” text_font_size_phone=”12px” text_font_size_last_edited=”on|phone” header_2_font_size_tablet=”37px” header_2_font_size_phone=”22px” header_2_font_size_last_edited=”on|tablet” global_colors_info=”{}”]<\/p>\n

      Need help designing your site?<\/span><\/h2>\n

      Find out more about the service we offer:<\/span><\/p>\n

      [\/et_pb_text][et_pb_button button_url=”@ET-DC@eyJkeW5hbWljIjp0cnVlLCJjb250ZW50IjoicG9zdF9saW5rX3VybF9wYWdlIiwic2V0dGluZ3MiOnsicG9zdF9pZCI6IjI4ODc3In19@” button_text=”Web design” button_alignment=”center” _builder_version=”4.22.2″ _dynamic_attributes=”button_url” _module_preset=”default” custom_button=”on” button_text_size=”14px” button_text_color=”#FFFFFF” button_border_width=”0px” button_border_color=”#FFFFFF” button_border_radius=”0px” button_font=”|700|||||||” button_icon=”||fa||900″ button_icon_color=”#000000″ custom_margin=”50px||0px||false|false” custom_padding=”6px|0px|6px|0px|false|false” box_shadow_style=”preset4″ box_shadow_horizontal=”0px” box_shadow_vertical=”1px” box_shadow_color=”#FFFFFF” locked=”off” global_colors_info=”{}”][\/et_pb_button][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ admin_label=”About Us” _builder_version=”4.24.2″ custom_margin=”0px||0px||false|false” custom_padding=”0px||0px||false|false” global_colors_info=”{}”][et_pb_row _builder_version=”4.22.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.22.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_button button_url=”@ET-DC@eyJkeW5hbWljIjp0cnVlLCJjb250ZW50IjoicG9zdF9saW5rX3VybF9wYWdlIiwic2V0dGluZ3MiOnsicG9zdF9pZCI6IjMwMTQ5In19@” button_text=”Back” button_alignment=”center” _builder_version=”4.22.2″ _dynamic_attributes=”button_url” _module_preset=”default” custom_button=”on” button_text_size=”14px” button_text_color=”#000000″ button_bg_color=”#FFFFFF” button_border_width=”0px” button_border_radius=”0px” button_font=”|700|||||||” button_icon=”||fa||900″ button_icon_color=”#000000″ custom_margin=”50px||0px||false|false” custom_padding=”6px|0px|6px|0px|false|false” box_shadow_style=”preset4″ box_shadow_horizontal=”0px” box_shadow_vertical=”1px” box_shadow_color=”#000000″ locked=”off” global_colors_info=”{}”][\/et_pb_button][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"

      Brutalism\u2019 is an architectural movement that emerged in the 1950s, characterised by its raw, minimalist appearance. In recent years, this concept has found a new echo in the world of web design. <\/p>\n","protected":false},"author":1,"featured_media":33293,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[27,45],"tags":[],"class_list":["post-33261","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-digital-experience","category-graphics"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t