Aller au contenu
50 Design Styles
Maquette de site web brutaliste numérique : monospace brut posé sur une grille non stylisée, blocs gris âpre et unique accent rouge, sans ombres ni arrondis.
fig. 23/50Image Nano Banana Pro sur Higgsfield.
Digital & Structure

Brutalism

La franchise brute du béton et du code, sans fard ni décor.

Origines et usages

Blocs gris bruts aux arêtes nettes assemblés sans ornement sur fond clair.
vignette — le style en une image

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