{"id":125034,"date":"2022-04-07T10:53:57","date_gmt":"2022-04-07T10:53:57","guid":{"rendered":"https:\/\/elementor.com\/blog\/cose-il-brutalismo-nel-design-web-e-come-usarlo-7-esempi-fighi\/"},"modified":"2025-12-01T21:32:49","modified_gmt":"2025-12-01T19:32:49","slug":"cose-il-brutalismo-nel-design-web-e-come-usarlo-7-esempi-fighi","status":"publish","type":"post","link":"https:\/\/elementor.com\/blog\/it\/cose-il-brutalismo-nel-design-web-e-come-usarlo-7-esempi-fighi\/","title":{"rendered":"Cos&#8217;\u00e8 il Brutalismo nel Design Web? e Come Usarlo + 7 Esempi Fighi"},"content":{"rendered":"\n<p>Il brutalismo \u00e8 una di quelle tendenze che sembra andare e venire nel design web. Non \u00e8 perch\u00e9 il design brutalista non abbia molto valore. \u00c8 pi\u00f9 che non si adatta sempre allo stile e al tono dei tempi. <\/p>\n\n<p>Questo \u00e8 parte di ci\u00f2 che rende il brutalismo cos\u00ec intrigante per\u00f2. Quando la maggior parte dei siti web tende ad allinearsi e adottare le stesse tendenze di base di anno in anno, un sito web che non segue le regole pu\u00f2 facilmente rubare la scena. <\/p>\n\n<p>Devi solo sapere se \u00e8 il tipo di luce giusto che vuoi far brillare sul marchio. Il brutalismo a volte pu\u00f2 sembrare freddo e cupo. Se non \u00e8 eseguito correttamente o non \u00e8 usato per il tipo giusto di marchio, pu\u00f2 mandare segnali sbagliati ai visitatori del sito web. <\/p>\n\n<p>In questa guida al brutalismo nel design web, parleremo di cosa sia e come si differenzi dalle tendenze minimaliste e antidesign. Inoltre, analizzeremo i principi che guidano il brutalismo, mostreremo alcuni esempi di siti web brutalisti e offriremo suggerimenti su quando e quando non usarlo.<\/p>\n\n<p class=\"read-more-link\"><a href=\"https:\/\/elementor.com\/blog\/principles-of-website-design\/\" target=\"_blank\" rel=\"noreferrer noopener\">20 Principi di Web Design Che Ogni Professionista del Web Dovrebbe Conoscere<\/a><\/p>\n\n<div class=\"wp-block-group article-toc is-layout-flow wp-block-group-is-layout-flow\">\n<h4 class=\"wp-block-heading\">Indice dei Contenuti<\/h4>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"#whatis\">Cos&#8217;\u00e8 il Design Web Brutalista?<\/a><\/li><li><a href=\"#history\">Una Breve Storia del Brutalismo<\/a><\/li><li><a href=\"#brutalistvsminimalist\">Design Web Brutalista vs. Minimalista<\/a><\/li><li><a href=\"#4principles\">4 Principi del Brutalismo nel Design Web<\/a><\/li><li><a href=\"#7examples\">7 Esempi di Design Web Brutalista<\/a><\/li><li><a href=\"#shouldyouuse\">Dovresti Usare il Brutalismo sui Siti Web?<\/a><\/li><li><a href=\"#conclusion\">Conclusione<\/a><\/li><\/ul>\n<\/div>\n\n<h2 class=\"wp-block-heading\" id=\"whatis\">Cos&#8217;\u00e8 il Design Web Brutalista?<\/h2>\n\n<p>Il brutalismo nel design web \u00e8 uno stile grezzo, semplice e trasparente che d\u00e0 priorit\u00e0 alla funzionalit\u00e0 sulla forma e all&#8217;efficacia sull&#8217;estetica. \u00c8 caratterizzato dal suo aspetto grezzo e dall&#8217;approccio estremamente semplicistico e minimalista.<\/p>\n\n<p>Il brutalismo \u00e8 uno stile di design che ha avuto origine nel campo dell&#8217;architettura negli anni &#8217;50. La parola &#8220;brutalismo&#8221; viene dal francese <em>brut<\/em>, che significa &#8220;grezzo&#8221;. <\/p>\n\n<p>Il <a rel=\"noreferrer noopener\" href=\"https:\/\/www.nycurbanism.com\/brutalnyc\/metbreuer\" target=\"_blank\">Met Breuer,<\/a> ex edificio del Whitney Museum of American Art, \u00e8 un buon esempio di come il design brutalista in architettura dia priorit\u00e0 alla funzione sulla forma:<\/p>\n\n<figure class=\"wp-block-image size-full is-resized\"><img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=840,h=840\/blog\/wp-content\/uploads\/2022\/04\/1024px-MET_Breuer_48377070386.jpg\" alt=\"\" class=\"wp-image-83441\" width=\"840\" height=\"840\"\/><figcaption>Edificio Met Breuer (ex Whitney Museum of American Art). Credito: <a href=\"https:\/\/creativecommons.org\/licenses\/by\/2.0\/deed.en\" target=\"_blank\" rel=\"noreferrer noopener\">Ajay Suresh<\/a><\/figcaption><\/figure>\n\n<p>\u00c8 una struttura massiccia con caratteristiche sorprendenti, costruita con materiali grezzi. Il sito web del Whitney Museum \u00e8 una rappresentazione altrettanto accurata di come appare il brutalismo nel design web:<\/p>\n\n<figure class=\"wp-block-video\"><video autoplay=\"\" loop=\"\" muted=\"\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2022\/04\/2-whitney-museum-brutalism-web-design.mp4\"><\/video><\/figure>\n\n<p>Mentre i siti web brutalisti potrebbero non avere le presenze megalitiche e severe degli edifici brutalisti, sono costruiti in modo simile usando i materiali grezzi del web. Questo significa un maggiore affidamento su HTML invece di <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/what-is-css\/\" title=\"CSS\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"4489\">CSS<\/a> e JavaScript. <\/p>\n\n<p>Questi sono alcuni dei tratti identificabili di questa tecnica di design web: <\/p>\n\n<ul class=\"wp-block-list\"><li>Testo grezzo<\/li><li>Font di sistema<\/li><li>Link ipertestuali sottolineati<\/li><li>Colori web-safe<\/li><li>Monocromatismo<\/li><li>Sfondi in tinta unita con poca o nessuna decorazione (quindi niente sfumature)<\/li><li>Componenti geometrici e bordi netti<\/li><li>Foto non trattate &#8211; cio\u00e8 senza bordi, ombreggiature, arrotondamenti, ecc.<\/li><li>Navigazione aperta (invece di menu a discesa o hamburger)<\/li><li>Linee divisorie tra le sezioni<\/li><li>Contenuto organizzato in tabelle<\/li><li>Pulsanti con contorno<\/li><\/ul>\n\n<p>Anche se molti siti web brutalisti condividono queste caratteristiche, i design non sono sempre eseguiti allo stesso modo &#8211; soprattutto quando i web designer fondono il brutalismo con le tecniche di design moderne. Ad esempio, il sito web del Whitney Museum ha una struttura prevedibile secondo gli standard attuali del web design, pur utilizzando molte immagini. <\/p>\n\n<h2 class=\"wp-block-heading\" id=\"history\">Una breve storia del brutalismo<\/h2>\n\n<p>Il brutalismo \u00e8 emerso in Europa negli anni &#8217;50, quando i paesi cercavano di ricostruire dopo la Seconda Guerra Mondiale. Una delle ragioni principali per cui questo stile di design essenziale \u00e8 stato perseguito era perch\u00e9 era economico ed efficiente in termini di risorse. Anche se le facciate in cemento e mattoni a vista e le palette monocromatiche non hanno portato agli edifici pi\u00f9 attraenti, erano pi\u00f9 facili ed economici da costruire. <\/p>\n\n<p>Paesi come il Regno Unito (dove \u00e8 nato il brutalismo) hanno adottato il brutalismo perch\u00e9 era un modo pratico ed economico per costruire alloggi funzionali, istituzioni educative ed edifici governativi. L&#8217;Unione Sovietica \u00e8 stato un altro paese che ha adottato il brutalismo dopo la Seconda Guerra Mondiale. L&#8217;ha fatto per affrontare la sua crisi abitativa. Era anche un modo per rifiutare la cortesia e l&#8217;ostentazione della borghesia.<\/p>\n\n<p>Il movimento brutalista \u00e8 poi declinato negli anni &#8217;70. Mentre i materiali grezzi ed economici che gli architetti usavano per costruire edifici brutalisti permettevano una rapida ricostruzione e crescita, le forme imponenti e ruvide hanno guadagnato una reputazione negativa per la loro apparente freddezza, durezza e associazione con il comunismo. <\/p>\n\n<p>Detto questo, il brutalismo non \u00e8 completamente scomparso. I siti web costruiti nei primi giorni di Internet erano brutalisti. <\/p>\n\n<p>In effetti, alcuni dei siti web degli anni &#8217;90 che esistono ancora oggi mantengono questo stile. Fondato nel 1995, <a href=\"https:\/\/craigslist.org\/\" target=\"_blank\" rel=\"noreferrer noopener\">Craigslist<\/a> \u00e8 uno degli esempi pi\u00f9 popolari della <a href=\"https:\/\/elementor.com\/blog\/web-design-trends\/\">tendenza del web design<\/a> brutalista. Ecco com&#8217;era nel 2000:<\/p>\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=841,h=676\/blog\/wp-content\/uploads\/2022\/04\/3-craigslist-sfbay-2000-screenshot.png\" alt=\"\" class=\"wp-image-83273\" width=\"841\" height=\"676\"\/><\/figure>\n\n<p>Non ci sono immagini &#8211; solo colonna dopo colonna di link blu su sfondi bianchi. Ecco come appare il sito web nel 2022: <\/p>\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=834,h=426\/blog\/wp-content\/uploads\/2022\/04\/4-craigslist-sfbay-2022-screenshot.png\" alt=\"\" class=\"wp-image-83274\" width=\"834\" height=\"426\"\/><\/figure>\n\n<p>Anche se il sito ha un aspetto pi\u00f9 raffinato, la struttura originale e l&#8217;approccio grezzo al design rimangono gli stessi. Craigslist rinuncia alle immagini e allo spazio bianco che troveresti su un sito web moderno convenzionalmente attraente. Invece, usa intestazioni di colonna e link ipertestuali blu per costruire le sue pagine principali.<\/p>\n\n<p>Ci sono molte direzioni in cui i web designer possono andare con il brutalismo. Detto questo, \u00e8 importante non confonderlo con l&#8217;antidesign. Questa tendenza del design \u00e8 emersa nell&#8217;<a href=\"https:\/\/www.widewalls.ch\/magazine\/anti-design-italian-movement\" target=\"_blank\" rel=\"noreferrer noopener\">architettura italiana degli anni &#8217;60<\/a> e anche nel <a href=\"https:\/\/www.nngroup.com\/articles\/brutalism-antidesign\" target=\"_blank\" rel=\"noreferrer noopener\">web design degli anni &#8217;90<\/a> &#8211; era caratterizzata da interfacce vistose, esagerate e disorientanti. <\/p>\n\n<p>Lo scopo originale del brutalismo era di ridurre il design e la costruzione all&#8217;essenziale e renderlo pi\u00f9 pratico. I design brutti erano purtroppo a volte il sottoprodotto, ma non l&#8217;intenzione originale come lo era con l&#8217;antidesign. <\/p>\n\n<h2 class=\"wp-block-heading\" id=\"brutalistvsminimalist\">Web Design Brutalista vs. Minimalista<\/h2>\n\n<p>Anche se potresti non guardare un design brutalista e confonderlo con un <a href=\"https:\/\/elementor.com\/blog\/minimalist-design\/\" target=\"_blank\" rel=\"noreferrer noopener\">design minimalista<\/a>, hanno una cosa in comune. Entrambe le tendenze del design ruotano intorno all&#8217;idea che meno \u00e8 meglio. E che ogni elemento dovrebbe avere uno scopo chiaro. <\/p>\n\n<h3 class=\"wp-block-heading\">Semplicit\u00e0<\/h3>\n\n<p>Il brutalismo tende a portare questo concetto all&#8217;estremo riducendo un sito web alla sua struttura scheletrica. La funzione conta molto pi\u00f9 della forma. <\/p>\n\n<p>Il minimalismo, tuttavia, mira a bilanciare semplicit\u00e0 e bellezza, quindi i dettagli contano ancora. Le impostazioni predefinite del <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/cms\/\" title=\"CMS\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"3000\">CMS<\/a>, i font di sistema e le palette di colori troppo usate raramente hanno posto nel minimalismo. Invece, <a href=\"https:\/\/elementor.com\/blog\/tips-for-minimalist-web-design\/\" target=\"_blank\" rel=\"noreferrer noopener\">i web designer pianificano attentamente ogni dettaglio relativo a spaziatura, gerarchia, simmetria e altro<\/a>.<\/p>\n\n<h3 class=\"wp-block-heading\">Estetica<\/h3>\n\n<p>I designer brutalisti tendono a non preoccuparsi troppo del gusto. L&#8217;obiettivo \u00e8 prendere le risorse che hanno e implementarle in modo da trasmettere efficacemente il messaggio. Il brutalismo \u00e8 davvero un approccio al design dei siti web che mette il contenuto al primo posto. <\/p>\n\n<p>I designer minimalisti, invece, sono pi\u00f9 intenzionali. Mentre il contenuto \u00e8 il componente pi\u00f9 importante del sito, i designer usano pi\u00f9 elementi dell&#8217;interfaccia utente e non hanno paura di usare stili o animazioni per attirare l&#8217;attenzione sulle aree chiave della pagina.<\/p>\n\n<h3 class=\"wp-block-heading\">Rilevanza<\/h3>\n\n<p>Un altro grande modo in cui queste tendenze di design differiscono \u00e8 in quanto sono pratiche da usare. Il minimalismo \u00e8 una tendenza di lunga data nel web design. Questo perch\u00e9 \u00e8 un approccio al design sempre valido \u2014 interfacce semplici, attraenti e utilizzabili saranno sempre apprezzate dai consumatori. <\/p>\n\n<p>Il brutalismo tende ad avere una durata molto pi\u00f9 breve quando non emerge tra le tendenze di design dell&#8217;anno. Inoltre, non ha molti casi d&#8217;uso rilevanti. Di solito \u00e8 una tendenza adottata da creativi le cui opere sono altrettanto brutaliste o d&#8217;avanguardia.<\/p>\n\n<h2 class=\"wp-block-heading\" id=\"4principles\">4 Principi del Brutalismo nel Web Design<\/h2>\n\n<p>Il brutalismo non segue sempre i <a href=\"https:\/\/elementor.com\/blog\/principles-of-website-design\/\" target=\"_blank\" rel=\"noreferrer noopener\">principi del web design<\/a>. Ci\u00f2 non significa che le interfacce utente brutaliste siano inutilizzabili per\u00f2. Seguono semplicemente un insieme di regole diverse: <\/p>\n\n<h3 class=\"wp-block-heading\">1. Fai quello che devi fare con il minimo indispensabile<\/h3>\n\n<p>Il design brutalista non permette sprechi. Usi solo ci\u00f2 di cui hai bisogno per creare un sito web efficace. Di solito significa lavorare con HTML non stilizzato e usare impostazioni predefinite per font, colori, forme e cos\u00ec via. <\/p>\n\n<p>Anche la funzionalit\u00e0 dovrebbe essere diretta e semplificata. I visitatori non dovrebbero essere appesantiti da contenuti eccessivi, funzionalit\u00e0 distraenti o pagine che caricano lentamente. <\/p>\n\n<h3 class=\"wp-block-heading\">2. Proietta forza e stabilit\u00e0 attraverso la struttura<\/h3>\n\n<p>Un sito web brutalista potrebbe sembrare primitivo a prima vista, ma puoi proiettare molta forza e stabilit\u00e0 attraverso questo stile di design. Anche se le tue pagine web non sono dominate da una <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/best-fonts-for-websites\/\" title=\"tipografia\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"5430\">tipografia<\/a> sovradimensionata e incombente, la struttura esposta dell&#8217;interfaccia utente \u2014 come le linee di separazione, le tabelle e la navigazione aperta \u2014 pu\u00f2 dare al sito una sensazione robusta. <\/p>\n\n<p>Usare colori base come il nero, il bianco e colori naturali come il grigio, il beige e il rame <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/\" title=\"creare un sito web\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"402\">far\u00e0 sembrare un sito web<\/a> pi\u00f9 solido, anche \u2014 come le strutture fisiche a cui si ispirano. Interfacce utente grezze e imperfette con bordi duri contribuiscono anche a un sito web dall&#8217;aspetto pi\u00f9 industriale.<\/p>\n\n<h3 class=\"wp-block-heading\">3. Un design efficace non ha bisogno di essere attraente<\/h3>\n\n<p>Anche se potrebbe non esserci nulla di carino in un&#8217;interfaccia spoglia, questo potrebbe non importare molto agli utenti che vogliono un modo veloce e facile per interagire con il sito e convertire. <\/p>\n\n<p>Detto questo, il web design brutalista non deve necessariamente essere brutto. Ci sono molti esempi di architettura, mobili e siti web brutalisti contemporanei e moderni che sono progettati in modo intricato senza essere spreconi o stravaganti. <\/p>\n\n<h3 class=\"wp-block-heading\">4. Trasmetti trasparenza attraverso la semplicit\u00e0<\/h3>\n\n<p>Quando il brutalismo \u00e8 entrato in scena per la prima volta, era un modo pratico ed efficiente di costruire edifici. Ha anche sfidato l&#8217;artificialit\u00e0 e la leggerezza che si vedevano ovunque. <\/p>\n\n<p>Pertanto, il brutalismo di oggi non \u00e8 utile solo per trasmettere forza. Le sue interfacce ruvide e imperfette possono anche trasmettere certe verit\u00e0 su un marchio che le parole da sole a volte non possono. Il brutalismo nel web design permette ai marchi di mostrare il loro vero s\u00e9, e in un modo che molti marchi e persone non avrebbero la sicurezza di fare. <\/p>\n\n<h2 class=\"wp-block-heading\" id=\"7examples\">7 Esempi di Web Design Brutalista<\/h2>\n\n<p>Diamo un&#8217;occhiata ad alcuni esempi di siti web brutalisti che mostrano i diversi modi in cui questa tendenza di design viene utilizzata oggi: <\/p>\n\n<h3 class=\"wp-block-heading\">1. 56 Digital<\/h3>\n\n<figure class=\"wp-block-video\"><video autoplay=\"\" loop=\"\" muted=\"\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2022\/04\/5-56digital-portfolio-website-brutalism.mp4\"><\/video><\/figure>\n\n<p><a href=\"https:\/\/56.digital\/\" target=\"_blank\" rel=\"noreferrer noopener\">56 Digital<\/a> \u00e8 uno studio digitale con sede a Toronto. Quello che vedi sopra \u00e8 il sito web del portfolio dell&#8217;agenzia. Mentre i potenziali clienti troveranno grafiche del portfolio nascoste sotto l&#8217;elenco dei progetti espandibile in fondo, non c&#8217;\u00e8 molto da guardare. <\/p>\n\n<p>Non c&#8217;\u00e8 una navigazione di cui parlare \u2014 solo alcune informazioni di base sull&#8217;azienda e link ai loro social media. C&#8217;\u00e8 anche un semplice elenco testuale dei servizi creativi dell&#8217;agenzia. Sotto c&#8217;\u00e8 una tabella contenente nomi di progetti e anni. \u00c8 solo quando il visitatore passa il mouse sulle righe dei progetti che potr\u00e0 rivelare l&#8217;immagine associata e una descrizione di una sola riga. <\/p>\n\n<h3 class=\"wp-block-heading\">2. A2-TYPE<\/h3>\n\n<figure class=\"wp-block-video\"><video autoplay=\"\" loop=\"\" muted=\"\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2022\/04\/6-a2type-fonts-page-brutalism.mp4\"><\/video><\/figure>\n\n<p><a href=\"https:\/\/www.a2-type.co.uk\/\" target=\"_blank\" rel=\"noreferrer noopener\">A2-TYPE<\/a> \u00e8 una fonderia di caratteri indipendente. Il GIF qui sopra viene dalla pagina Fonts dell&#8217;azienda. Detto questo, la maggior parte di questo sito \u00e8 quello che chiameresti brutalist nel design &#8211; questo vale per la navigazione aperta in cima al sito che mostra tutte le pagine senza bisogno di interazione.<\/p>\n\n<p>Lo sfondo di questa pagina \u00e8 di un colore magenta pieno. I font sono mostrati nella stessa dimensione, lungo la stessa colonna, e sono spaziati uniformemente all&#8217;interno delle loro categorie. Non ci sono immagini di cui parlare, ma \u00e8 perch\u00e9 i font incorporati sono tutto ci\u00f2 che i visitatori vorranno vedere comunque.<\/p>\n\n<h3 class=\"wp-block-heading\">3. Alicia Keys<\/h3>\n\n<figure class=\"wp-block-video\"><video autoplay=\"\" loop=\"\" muted=\"\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2022\/04\/7-aliciakeys-brutalist-web-design.mp4\"><\/video><\/figure>\n\n<p>Negli ultimi anni, la cantante, cantautrice e attrice <a href=\"https:\/\/www.aliciakeys.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Alicia Keys<\/a> ha fatto un punto di ridurre il suo aspetto fisico, apparendo spesso senza trucco a eventi di alto profilo. Quindi, non siamo rimasti sorpresi di vedere il suo sito web imbevuto di quella stessa qualit\u00e0 grezza e autentica. <\/p>\n\n<p>La maggior parte delle immagini sulla home page non sono trattate. In altre parole, appaiono sulla pagina nella loro dimensione, forma e contenitore originali. Inoltre, sono accompagnate da pochissime parole, stilizzate usando una tipografia sans serif di base.<\/p>\n\n<h3 class=\"wp-block-heading\">4. Apelido  Apelido<\/h3>\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1440\" height=\"789\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2022\/04\/Apelido-Apelido-Brutslist-Design.png\" alt=\"\" class=\"wp-image-83278\"\/><\/figure>\n\n<p><a href=\"https:\/\/apelido-apelido.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Apelido  Apelido<\/a> \u00e8 uno studio di design digitale stravagante con un sito web altrettanto stravagante. Lo screenshot sopra \u00e8 come appare la sezione hero del sito. Non c&#8217;\u00e8 un&#8217;intestazione di cui parlare. Solo riquadri contenenti testo e un logo funky. <\/p>\n\n<p>Il sito web a pagina singola non \u00e8 completamente brutalist per\u00f2. I visitatori incontrano animazioni casuali, un video interattivo e un libro degli ospiti al posto di un modulo di contatto tradizionale. <\/p>\n\n<h3 class=\"wp-block-heading\">5. Balenciaga<\/h3>\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1440\" height=\"789\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2022\/04\/Balenciaga-Brutalist-Design-2007.png\" alt=\"\" class=\"wp-image-83279\"\/><\/figure>\n\n<p><a href=\"https:\/\/www.balenciaga.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Balenciaga<\/a> ha da tempo spinto i bottoni delle persone con la sua moda. Anni fa, ha portato anche il suo sito web all&#8217;estremo in termini di stile. <\/p>\n\n<p>Quello che vedi sopra \u00e8 uno screenshot della homepage di Balenciaga nel 2017. Il design del sito assomigliava pi\u00f9 a un wireframe che a un sito web completo. Solo quando gli acquirenti navigavano attraverso le categorie incontravano immagini dei prodotti e un&#8217;interfaccia utente pi\u00f9 familiare.<\/p>\n\n<p>Al giorno d&#8217;oggi, il design brutalist non \u00e8 cos\u00ec onnicomprensivo come una volta. Ecco come appare il sito nel 2022: <\/p>\n\n<figure class=\"wp-block-video\"><video autoplay=\"\" loop=\"\" muted=\"\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2022\/04\/8-balenciaga-brutalism-website.mp4\"><\/video><\/figure>\n\n<p>L&#8217;intestazione, il pi\u00e8 di pagina, la navigazione, il widget di chat dal vivo e i pulsanti mantengono l&#8217;aspetto rudimentale simile a un wireframe del sito. <\/p>\n\n<h3 class=\"wp-block-heading\">6. Drudge Report<\/h3>\n\n<figure class=\"wp-block-video\"><video autoplay=\"\" loop=\"\" muted=\"\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2022\/04\/9-drudgereport-brutalist-website.mp4\"><\/video><\/figure>\n\n<p><a href=\"https:\/\/www.drudgereport.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Drudge Report<\/a> \u00e8 un sito web di aggregazione di notizie che esiste da quasi tanto tempo quanto Craigslist. Proprio come Craigslist, Drudge Report ha mantenuto il suo stile brutalist fino ad oggi. <\/p>\n\n<p>Mentre i lettori troveranno occasionalmente un&#8217;immagine o un banner pubblicitario di terze parti sulla pagina, la maggior parte dell&#8217;interfaccia utente consiste in semplici link di testo ad articoli e fonti di notizie. Sono rappresentati in uno stile nero sottolineato di base. I link sono anche organizzati in modo caotico sulla pagina e ogni sezione \u00e8 divisa da sottili linee nere.<\/p>\n\n<h3 class=\"wp-block-heading\">7. Seth&#8217;s Blog<\/h3>\n\n<figure class=\"wp-block-video\"><video autoplay=\"\" loop=\"\" muted=\"\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2022\/04\/10-seths-blog-brutalist-website.mp4\"><\/video><\/figure>\n\n<p>Seth Godin \u00e8 un imprenditore e autore che mantiene un blog in stile brutalist chiamato <a href=\"https:\/\/seths.blog\/\">Seth&#8217;s Blog<\/a>. Non ci sono immagini sulla pagina a scorrimento lungo. La navigazione \u00e8 visibile per intero e in ogni momento sulla sinistra. Inoltre, qualsiasi collegamento ipertestuale che appare all&#8217;interno del post appare come link di testo blu sottolineati. <\/p>\n\n<p>Nonostante questo blog tutto testo sia stilizzato alla maniera del brutalismo, ha un design attraente. Questo perch\u00e9 segue molti dei principi UX che informano come i designer dovrebbero spaziare, raggruppare e disporre le pagine basandosi sulla psicologia umana e le preferenze degli utenti. <\/p>\n\n<h2 class=\"wp-block-heading\" id=\"shouldyouuse\">Dovresti usare il brutalismo nei siti web?<\/h2>\n\n<p>Il brutalismo pu\u00f2 essere un modo all&#8217;avanguardia di approcciare il web design. Ma \u00e8 una tendenza di design difficile da padroneggiare &#8211; non solo in termini di tecnica, ma anche in termini di quando e dove applicarla. <\/p>\n\n<p>Se sei incuriosito dal brutalismo e ti stai chiedendo come farlo funzionare sul web, ecco alcuni pro e contro da considerare: <\/p>\n\n<h3 class=\"wp-block-heading\">I pro del web design brutalist<\/h3>\n\n<ul class=\"wp-block-list\"><li><strong>Distinguersi dalla massa:<\/strong> Un sito web brutalist apparir\u00e0 diverso da qualsiasi cosa stia facendo la concorrenza, il che automaticamente far\u00e0 risaltare il marchio. Questo \u00e8 particolarmente utile per i tipi artistici che vogliono fare un&#8217;impressione killer su potenziali clienti, utenti o acquirenti. <\/li><li><strong>Massima efficacia:<\/strong> Nel brutalismo, non importa se un sito web \u00e8 attraente finch\u00e9 \u00e8 efficace. Se hai una solida conoscenza dei principi di web design e della psicologia umana, puoi creare interfacce senza distrazioni e utilizzabili che hanno un grande successo nel convertire gli utenti. <\/li><li><strong>Minimizzare costi e risorse:<\/strong> Il brutalismo \u00e8 un modo economico ed efficiente di progettare siti web. Se stai lavorando con un cliente che vuole un sito ad alta conversione senza troppi fronzoli, il brutalismo pu\u00f2 essere un ottimo modo per soddisfare questa richiesta.<\/li><li><strong>Tempi di caricamento pi\u00f9 veloci:<\/strong> Poich\u00e9 i design brutalisti sono principalmente creati usando HTML e sono leggeri sulle immagini, tu e i tuoi clienti beneficerete del sottoprodotto della velocit\u00e0. Senza tutto quel CSS e JavaScript che rallentano le cose, i siti web brutalisti possono caricarsi molto velocemente &#8211; il che \u00e8 buono per l&#8217;esperienza utente e il SEO.<\/li><\/ul>\n\n<h3 class=\"wp-block-heading\">I contro del Web Design Brutalista<\/h3>\n\n<ul class=\"wp-block-list\"><li><strong>Visivamente poco attraente:<\/strong> I design brutalisti non sono sempre i pi\u00f9 piacevoli da vedere. Anche se l&#8217;estetica non \u00e8 una priorit\u00e0 nel brutalismo, un&#8217;interfaccia brutta pu\u00f2 far scappare i visitatori urlando secondo l&#8217;<a href=\"https:\/\/lawsofux.com\/aesthetic-usability-effect\/\" target=\"_blank\" rel=\"noreferrer noopener\">Effetto Estetico-Usabilit\u00e0<\/a>. <\/li><li><strong>Associazioni negative:<\/strong> Il brutalismo non ha la migliore delle reputazioni, con molti che vedono questi design come freddi, cupi, grezzi, imponenti, post-apocalittici e una serie di altri descrittori negativi. Fai attenzione a quanto grezzo vai con i tuoi design o il marchio potrebbe essere associato anche a questi aggettivi. <\/li><li><strong>Non duraturo:<\/strong> A differenza del minimalismo che sembrer\u00e0 sempre moderno e attuale, il web design brutalista non \u00e8 la tendenza pi\u00f9 duratura. Se lo usi su un sito web, probabilmente dovrai monitorare attentamente le sue prestazioni e implementare un redesign quando il coinvolgimento e le conversioni diminuiscono. <\/li><li><strong>Meno leggibile:<\/strong> I siti web brutalisti non sono necessariamente i pi\u00f9 facili da guardare per lunghi periodi. Quindi, dovrai tenerne conto quando decidi quando utilizzare questo stile. Potresti dover &#8220;infrangere&#8221; alcune delle regole del brutalismo per portare equilibrio, spazio e altri elementi all&#8217;interfaccia utente per renderla meno difficile da leggere.<\/li><\/ul>\n\n<h2 class=\"wp-block-heading\" id=\"conclusion\">Conclusione <\/h2>\n\n<p>Il brutalismo potrebbe aver avuto le sue radici nell&#8217;architettura europea degli anni &#8217;50, ma Internet sta sperimentando questa tendenza di web design da decenni ormai. Detto questo, il design brutalista non \u00e8 come le tendenze di design moderno come il minimalismo o il <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/flat-design\/\" title=\"design piatto\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"7489\">flat design<\/a> che sono qui per restare. <\/p>\n\n<p>Il brutalismo \u00e8 una specie speciale di web design. Funziona bene per marchi e individui eccentrici e creativi. Tuttavia, questa tecnica di design che piega le regole non \u00e8 sempre ben accolta, non importa quanto attentamente tu segua i suoi principi di base. <\/p>\n\n<p>Mentre ci sono alcuni grandi esempi di brutalismo sul web oggi, molti di quei marchi hanno mescolato il brutalismo vecchia scuola con le tendenze di design moderne per garantire la loro facilit\u00e0 d&#8217;uso. Se stai pensando di utilizzare questa tendenza di web design, \u00e8 qualcosa da tenere a mente. <\/p>\n\n<p>I consumatori di oggi si sono abituati a interfacce attraenti. Il brutalismo portato all&#8217;estremo potrebbe creare un&#8217;esperienza troppo sconcertante per loro. Quindi, trovare un buon equilibrio tra brutalismo e minimalismo moderno sar\u00e0 un modo sicuro per giocare con questa tecnica.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Il brutalismo \u00e8 una specie particolare di design web, che funziona alla grande per marchi e individui stravaganti e creativi. Per\u00f2, sta tecnica di design che sfida le regole va usata con cautela. Leggi sta guida per capire come.<\/p>\n","protected":false},"author":2024221,"featured_media":125035,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[468,469],"tags":[],"marketing_persona":[],"marketing_intent":[48],"class_list":["post-125034","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ispirazione","category-web-design"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Design Web Brutalista: Cos&#039;\u00e8 + 7 Esempi Fighi<\/title>\n<meta name=\"description\" content=\"Il brutalismo \u00e8 una specie particolare di design web, che funziona alla grande per marchi e individui stravaganti e creativi. Per\u00f2, sta tecnica di design che sfida le regole va usata con cautela\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/blog\/it\/cose-il-brutalismo-nel-design-web-e-come-usarlo-7-esempi-fighi\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Design Web Brutalista: Cos&#039;\u00e8 + 7 Esempi Fighi\" \/>\n<meta property=\"og:description\" content=\"Il brutalismo \u00e8 una specie particolare di design web, che funziona alla grande per marchi e individui stravaganti e creativi. Per\u00f2, sta tecnica di design che sfida le regole va usata con cautela\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/blog\/it\/cose-il-brutalismo-nel-design-web-e-come-usarlo-7-esempi-fighi\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/elemntor\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-04-07T10:53:57+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-01T19:32:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2022\/04\/2022_3_blog_What-Is-Brutalism-in-Web-Design_1200_630.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Nofar Shviro\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@elemntor\" \/>\n<meta name=\"twitter:site\" content=\"@elemntor\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nofar Shviro\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"15 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/blog\/it\/cose-il-brutalismo-nel-design-web-e-come-usarlo-7-esempi-fighi\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/it\/cose-il-brutalismo-nel-design-web-e-come-usarlo-7-esempi-fighi\/\"},\"author\":{\"name\":\"Nofar Shviro\",\"@id\":\"https:\/\/elementor.com\/blog\/it\/#\/schema\/person\/31306277ab3ebca01fc9c15f33d61d8b\"},\"headline\":\"Cos&#8217;\u00e8 il Brutalismo nel Design Web? e Come Usarlo + 7 Esempi Fighi\",\"datePublished\":\"2022-04-07T10:53:57+00:00\",\"dateModified\":\"2025-12-01T19:32:49+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/it\/cose-il-brutalismo-nel-design-web-e-come-usarlo-7-esempi-fighi\/\"},\"wordCount\":2971,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/it\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/it\/cose-il-brutalismo-nel-design-web-e-come-usarlo-7-esempi-fighi\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2022\/04\/2022_3_blog_What-Is-Brutalism-in-Web-Design_1200_630.jpg\",\"articleSection\":[\"Ispirazione\",\"Web Design\"],\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/elementor.com\/blog\/it\/cose-il-brutalismo-nel-design-web-e-come-usarlo-7-esempi-fighi\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/blog\/it\/cose-il-brutalismo-nel-design-web-e-come-usarlo-7-esempi-fighi\/\",\"url\":\"https:\/\/elementor.com\/blog\/it\/cose-il-brutalismo-nel-design-web-e-come-usarlo-7-esempi-fighi\/\",\"name\":\"Design Web Brutalista: Cos'\u00e8 + 7 Esempi Fighi\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/it\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/it\/cose-il-brutalismo-nel-design-web-e-come-usarlo-7-esempi-fighi\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/it\/cose-il-brutalismo-nel-design-web-e-come-usarlo-7-esempi-fighi\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2022\/04\/2022_3_blog_What-Is-Brutalism-in-Web-Design_1200_630.jpg\",\"datePublished\":\"2022-04-07T10:53:57+00:00\",\"dateModified\":\"2025-12-01T19:32:49+00:00\",\"description\":\"Il brutalismo \u00e8 una specie particolare di design web, che funziona alla grande per marchi e individui stravaganti e creativi. Per\u00f2, sta tecnica di design che sfida le regole va usata con cautela\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/blog\/it\/cose-il-brutalismo-nel-design-web-e-come-usarlo-7-esempi-fighi\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/blog\/it\/cose-il-brutalismo-nel-design-web-e-come-usarlo-7-esempi-fighi\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/elementor.com\/blog\/it\/cose-il-brutalismo-nel-design-web-e-come-usarlo-7-esempi-fighi\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2022\/04\/2022_3_blog_What-Is-Brutalism-in-Web-Design_1200_630.jpg\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2022\/04\/2022_3_blog_What-Is-Brutalism-in-Web-Design_1200_630.jpg\",\"width\":1200,\"height\":630},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/blog\/it\/cose-il-brutalismo-nel-design-web-e-come-usarlo-7-esempi-fighi\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/elementor.com\/blog\/it\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Web Design\",\"item\":\"https:\/\/elementor.com\/blog\/it\/category\/web-design\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Cos&#8217;\u00e8 il Brutalismo nel Design Web? e Come Usarlo + 7 Esempi Fighi\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/blog\/it\/#website\",\"url\":\"https:\/\/elementor.com\/blog\/it\/\",\"name\":\"Elementor\",\"description\":\"Website Builder for WordPress\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/it\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/blog\/it\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/blog\/it\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/blog\/it\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/elementor.com\/blog\/it\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/it\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/elemntor\/\",\"https:\/\/x.com\/elemntor\",\"https:\/\/www.instagram.com\/elementor\/\",\"https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1\",\"https:\/\/en.wikipedia.org\/wiki\/Elementor\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/blog\/it\/#\/schema\/person\/31306277ab3ebca01fc9c15f33d61d8b\",\"name\":\"Nofar Shviro\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/elementor.com\/blog\/it\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/17b934f8fa68aa260345cca7d64531f17eae767be2a566b148149f9b83e24f54?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/17b934f8fa68aa260345cca7d64531f17eae767be2a566b148149f9b83e24f54?s=96&d=mm&r=g\",\"caption\":\"Nofar Shviro\"},\"description\":\"Nofar is a Visual Designer at Elementor, specializing in illustrations and landing pages. She appreciates good typography, print, and magazines and loves all things black. When she is not working, Nofar enjoys binge-watching, sunsets, and online shopping.\",\"url\":\"https:\/\/elementor.com\/blog\/it\/author\/nofars-2\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Design Web Brutalista: Cos'\u00e8 + 7 Esempi Fighi","description":"Il brutalismo \u00e8 una specie particolare di design web, che funziona alla grande per marchi e individui stravaganti e creativi. Per\u00f2, sta tecnica di design che sfida le regole va usata con cautela","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elementor.com\/blog\/it\/cose-il-brutalismo-nel-design-web-e-come-usarlo-7-esempi-fighi\/","og_locale":"it_IT","og_type":"article","og_title":"Design Web Brutalista: Cos'\u00e8 + 7 Esempi Fighi","og_description":"Il brutalismo \u00e8 una specie particolare di design web, che funziona alla grande per marchi e individui stravaganti e creativi. Per\u00f2, sta tecnica di design che sfida le regole va usata con cautela","og_url":"https:\/\/elementor.com\/blog\/it\/cose-il-brutalismo-nel-design-web-e-come-usarlo-7-esempi-fighi\/","og_site_name":"Blog","article_publisher":"https:\/\/www.facebook.com\/elemntor\/","article_published_time":"2022-04-07T10:53:57+00:00","article_modified_time":"2025-12-01T19:32:49+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2022\/04\/2022_3_blog_What-Is-Brutalism-in-Web-Design_1200_630.jpg","type":"image\/jpeg"}],"author":"Nofar Shviro","twitter_card":"summary_large_image","twitter_creator":"@elemntor","twitter_site":"@elemntor","twitter_misc":{"Scritto da":"Nofar Shviro","Tempo di lettura stimato":"15 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/blog\/it\/cose-il-brutalismo-nel-design-web-e-come-usarlo-7-esempi-fighi\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/it\/cose-il-brutalismo-nel-design-web-e-come-usarlo-7-esempi-fighi\/"},"author":{"name":"Nofar Shviro","@id":"https:\/\/elementor.com\/blog\/it\/#\/schema\/person\/31306277ab3ebca01fc9c15f33d61d8b"},"headline":"Cos&#8217;\u00e8 il Brutalismo nel Design Web? e Come Usarlo + 7 Esempi Fighi","datePublished":"2022-04-07T10:53:57+00:00","dateModified":"2025-12-01T19:32:49+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/blog\/it\/cose-il-brutalismo-nel-design-web-e-come-usarlo-7-esempi-fighi\/"},"wordCount":2971,"commentCount":0,"publisher":{"@id":"https:\/\/elementor.com\/blog\/it\/#organization"},"image":{"@id":"https:\/\/elementor.com\/blog\/it\/cose-il-brutalismo-nel-design-web-e-come-usarlo-7-esempi-fighi\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2022\/04\/2022_3_blog_What-Is-Brutalism-in-Web-Design_1200_630.jpg","articleSection":["Ispirazione","Web Design"],"inLanguage":"it-IT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/elementor.com\/blog\/it\/cose-il-brutalismo-nel-design-web-e-come-usarlo-7-esempi-fighi\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elementor.com\/blog\/it\/cose-il-brutalismo-nel-design-web-e-come-usarlo-7-esempi-fighi\/","url":"https:\/\/elementor.com\/blog\/it\/cose-il-brutalismo-nel-design-web-e-come-usarlo-7-esempi-fighi\/","name":"Design Web Brutalista: Cos'\u00e8 + 7 Esempi Fighi","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/it\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/blog\/it\/cose-il-brutalismo-nel-design-web-e-come-usarlo-7-esempi-fighi\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/blog\/it\/cose-il-brutalismo-nel-design-web-e-come-usarlo-7-esempi-fighi\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2022\/04\/2022_3_blog_What-Is-Brutalism-in-Web-Design_1200_630.jpg","datePublished":"2022-04-07T10:53:57+00:00","dateModified":"2025-12-01T19:32:49+00:00","description":"Il brutalismo \u00e8 una specie particolare di design web, che funziona alla grande per marchi e individui stravaganti e creativi. Per\u00f2, sta tecnica di design che sfida le regole va usata con cautela","breadcrumb":{"@id":"https:\/\/elementor.com\/blog\/it\/cose-il-brutalismo-nel-design-web-e-come-usarlo-7-esempi-fighi\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/blog\/it\/cose-il-brutalismo-nel-design-web-e-come-usarlo-7-esempi-fighi\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/elementor.com\/blog\/it\/cose-il-brutalismo-nel-design-web-e-come-usarlo-7-esempi-fighi\/#primaryimage","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2022\/04\/2022_3_blog_What-Is-Brutalism-in-Web-Design_1200_630.jpg","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2022\/04\/2022_3_blog_What-Is-Brutalism-in-Web-Design_1200_630.jpg","width":1200,"height":630},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/blog\/it\/cose-il-brutalismo-nel-design-web-e-come-usarlo-7-esempi-fighi\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/elementor.com\/blog\/it\/"},{"@type":"ListItem","position":2,"name":"Web Design","item":"https:\/\/elementor.com\/blog\/it\/category\/web-design\/"},{"@type":"ListItem","position":3,"name":"Cos&#8217;\u00e8 il Brutalismo nel Design Web? e Come Usarlo + 7 Esempi Fighi"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/blog\/it\/#website","url":"https:\/\/elementor.com\/blog\/it\/","name":"Elementor","description":"Website Builder for WordPress","publisher":{"@id":"https:\/\/elementor.com\/blog\/it\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/blog\/it\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/elementor.com\/blog\/it\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/blog\/it\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/elementor.com\/blog\/it\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/blog\/it\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/elemntor\/","https:\/\/x.com\/elemntor","https:\/\/www.instagram.com\/elementor\/","https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1","https:\/\/en.wikipedia.org\/wiki\/Elementor"]},{"@type":"Person","@id":"https:\/\/elementor.com\/blog\/it\/#\/schema\/person\/31306277ab3ebca01fc9c15f33d61d8b","name":"Nofar Shviro","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/elementor.com\/blog\/it\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/17b934f8fa68aa260345cca7d64531f17eae767be2a566b148149f9b83e24f54?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/17b934f8fa68aa260345cca7d64531f17eae767be2a566b148149f9b83e24f54?s=96&d=mm&r=g","caption":"Nofar Shviro"},"description":"Nofar is a Visual Designer at Elementor, specializing in illustrations and landing pages. She appreciates good typography, print, and magazines and loves all things black. When she is not working, Nofar enjoys binge-watching, sunsets, and online shopping.","url":"https:\/\/elementor.com\/blog\/it\/author\/nofars-2\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/blog\/it\/wp-json\/wp\/v2\/posts\/125034","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/blog\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/blog\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/it\/wp-json\/wp\/v2\/users\/2024221"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/it\/wp-json\/wp\/v2\/comments?post=125034"}],"version-history":[{"count":1,"href":"https:\/\/elementor.com\/blog\/it\/wp-json\/wp\/v2\/posts\/125034\/revisions"}],"predecessor-version":[{"id":125036,"href":"https:\/\/elementor.com\/blog\/it\/wp-json\/wp\/v2\/posts\/125034\/revisions\/125036"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/it\/wp-json\/wp\/v2\/media\/125035"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/blog\/it\/wp-json\/wp\/v2\/media?parent=125034"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/blog\/it\/wp-json\/wp\/v2\/categories?post=125034"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/blog\/it\/wp-json\/wp\/v2\/tags?post=125034"},{"taxonomy":"marketing_persona","embeddable":true,"href":"https:\/\/elementor.com\/blog\/it\/wp-json\/wp\/v2\/marketing_persona?post=125034"},{"taxonomy":"marketing_intent","embeddable":true,"href":"https:\/\/elementor.com\/blog\/it\/wp-json\/wp\/v2\/marketing_intent?post=125034"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}