la tendenza che rompe gli schemi, il Neo-Brutalismo Web
Se sei stanco dei soliti siti “puliti”, levigati e tutti uguali, il neo-brutalismo web è la risposta che cercavi.
Questo stile audace, crudo e volutamente “non finito” sta conquistando designer e brand che vogliono distinguersi in un mare di minimalismo omologato.
In questo articolo scoprirai cos’è il neo-brutalismo, da dove nasce, quali sono le sue caratteristiche distintive e quando (e come) usarlo per creare un sito che non passi inosservato.
Cos’è il neo-brutalismo web?
Il neo-brutalismo (o neobrutalism) è un movimento di web e UI design nato alla fine degli anni 2010 come reazione alla monotonia del design piatto e minimalista.
Prende ispirazione dal brutalismo architettonico degli anni ’50-’70 — caratterizzato da cemento a vista, strutture grezze e assenza di decorazioni — e lo traduce in digitale con colori audaci, geometrie marcate e un’estetica volutamente “raw”.
A differenza del brutalismo “puro” (spesso monocromatico e spartano), il neo aggiunge una dose di giocosità: palette vivaci, ombre dure, bordi spessi e un tocco di nostalgia anni ’90.
Le 7 caratteristiche del neo-brutalismo web
Cioè tutto quello che non può mancare in un sito neo-brutalista:
alcuni Esempi di siti in stile neo-brutalista
Questi tra quelli che ho visto sono i miglior rappresentanti del genere, brand e progetti hanno fatto del neo-brutalismo il loro tratto distintivo:
Gumroad
Il marketplace per creator ha ridefinito il suo design nel 2021 con bordi neri, colori vivaci e un layout “a blocchi”.
Figma Config
Il sito della conferenza annuale di Figma usa forme geometriche, colori accesi e tipografia gigante.
Feastables
Bottoni chunky, grafiche “a sticker” e un’energia visiva da Gen-Z.
alcuni Esempi di siti in stile neo-brutalista
Purtroppo come spesso capita con le mode, tutti vorrebbero seguirla, ma il Neo-brutalismo non è per tutti.
Funziona benissimo per:
-
Brand giovani e audaci (startup, agenzie creative, prodotti per Gen-Z)
-
Portfolio e siti personali di designer, illustratori, sviluppatori
-
Landing page promozionali che devono catturare l’attenzione in pochi secondi
-
Progetti editoriali o culturali che vogliono un look “da fanzine digitale”
Da evitare per:
-
Lavori in settori tradizionali (banche, studi legali, healthcare)
-
Il tuo target è conservatore o poco avvezzo al digitale
-
Devi trasmettere serietà istituzionale o fiducia “classica”
-
L’accessibilità è prioritaria (i contrasti estremi possono affaticare alcuni utenti)
Le basi per realizzare un sito neo-brutalista
3-4px su tutti gli elementi UI (bottoni, card, form).Aggiungere ombre dure, mai sfumate: in CSS, box-shadow: 6px 6px 0px #000.
48-72px, corpo testo a 18-20px. Font consigliati: Space Grotesk, IBM Plex Mono, Archivo Black.Rompendo la griglia classica: sovrapponendo elementi, utilizzando allineamenti asimmetrici, e lasciando “aria” tra le sezioni.
Accessibilità e neo-brutalismo: come si può fare?
La coesistenza di uno stile Neo-brutale e l'accessibilità è la parte più complessa dello sviluppo del sito e bisogna porre moltissima attenzione, ma sì, si può realizzare.
Bisogna evitare di utilizzare contrasti così forti da affaticare la vista o usare colori poco leggibili per utenti con daltonismo, i consigli di Giralacarta Lab sono:
- Mantenere sempre un rapporto di minimo di 4.5:1 per il testo (usa WebAIM Contrast Checker).
- Evitare combinazioni come rosso/verde o giallo/bianco per informazioni critiche.
- Aggiungere stati hover/focus ben visibili (es. inversione colori o bordo più spesso).
Strumenti e risorse
- Librerie UI: Neobrutalism UI, Brutalist UI Kit
- Font gratuiti: Google Fonts (Space Grotesk, Syne, Lexend)
- Ispirazione: Really Good Designs – Neo-Brutalism, Neobrutalism.com Blog
Pronto a rompere gli schemi?
Il neo-brutalismo se non lo tratti solo come una moda è un potente modo di pensare il design che mette al centro personalità, chiarezza e coraggio, esattamente quello che fu la corrente architettonica degli anni '50-'70, volumi massicci, geometrie nette, superfici ruvide e un forte carattere monumentale, con l’obiettivo di chiarezza costruttiva e di una maggiore responsabilità sociale dell’architettura.
Se il tuo brand ha qualcosa da dire (e vuole farlo sentire), questo stile potrebbe fare a caso tuo!
