
Brutalism
La franchise brute du béton et du code, sans fard ni décor.
Origines et usages
Le terme « brutalisme » vient du français « béton brut », que l’architecte Le Corbusier emploie pour décrire la texture laissée par le coffrage de son Unité d’habitation de Marseille (1952). Le critique britannique Reyner Banham théorise le mouvement en 1955 en observant les bâtiments d’Alison et Peter Smithson, qui exposent structure et matériaux sans les dissimuler. Le brutalisme numérique naît beaucoup plus tard, vers 2014, en réaction aux gabarits de sites uniformisés issus de frameworks comme Bootstrap — le site brutalistwebsites.com, tenu par le designer Pascal Deville, en catalogue les exemples les plus radicaux.
Le style se reconnaît à ses polices système ou monospaces affichées sans habillage, à sa palette réduite au gris, au noir et au blanc, à ses ruptures de grille volontaires, à ses blocs de couleur solides sans dégradé ni ombre, et à une structure qui laisse volontairement visible l’architecture brute du contenu.
Le brutalisme convient aux identités qui veulent afficher une posture anti-corporate et affirmée — portfolios de studios créatifs, médias culturels, produits tech qui cultivent leur singularité — un style à manier avec discernement tant sa froideur volontaire peut nuire à la lisibilité si elle n’est pas maîtrisée.
Mots-clés
- raw concrete texture
- monospaced type
- grayscale palette
- stark grid breaks
- unstyled HTML look
- exposed structure
- harsh edges
- anti-corporate
Palette
concrete gray
#8A8A8A
raw off-white
#EDEDED
asphalt black
#101010
raw red accent
#C81E1E
steel blue
#4A5A66
Typographie
- Courier New
- IBM Plex Mono
- Helvetica
Une police monospace non habillée, proche de la sortie brute d’un terminal, refuse toute ornementation typographique.
Prompt à copier
Rédigé en anglais, prêt à coller tel quel dans un outil d’images génératives.
A stark website layout mockup in digital brutalism style, raw monospaced type sitting on an unstyled grid, harsh grayscale blocks with a single red accent, exposed structural lines with no shadows or rounded corners, cold unapologetic mood, flat lighting evoking poured concrete.
Styles proches
- Bloc jaune vif cerné d’un contour noir épais projetant une ombre décalée sans dégradé.
fig. 50 Neo-Brutalism
Le brutalisme numérique discipliné : couleurs franches, bordures épaisses, ombres décalées.
- Grille technique dense en tons neutres et police monospace, sans ornement.
fig. 38 Utilitarian
La fonction avant tout : clarté, densité d’information et zéro décor superflu.
- Cercle rouge, triangle jaune et carré bleu alignés sur une grille blanche stricte.
fig. 22 Bauhaus
L’école allemande qui a fait de la forme fonctionnelle un langage universel.
- Pluie de caractères vert phosphorescent défilant sur fond noir strié de lignes de balayage.
fig. 24 Cybercore
L’imaginaire pirate du réseau : pluie de code verte et terminaux clandestins.




