Aller au contenu
Digital & Structure

Brutalism

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

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/50Photo Nano Banana Pro sur Higgsfield.

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.

Le style en composants

Boutons

Champ de saisie

Interrupteur

Barre de progression

Carte

Specimen

Une carte du même vocabulaire : surface, trait, accent.

Notification

Modification enregistrée avec succès.

Prompt à adapter

{{subject}} 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.

Exemple rempli

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