Typos système géantes, bordures noires, couleurs criardes, zéro arrondi : le brutalisme web refuse la gentillesse corporate. Origines, codes et bon usage.

À force de coins arrondis, de dégradés pastel et d'illustrations d'humains sans visage qui se congratulent, le web s'est mis à ressembler à une salle d'attente de startup : propre, gentil, interchangeable. Le brutalisme web est la réponse de ceux qui en ont eu marre : un design qui montre ses poutres, crie ses couleurs et assume de ne pas vouloir te faire un câlin.

D'où ça vient

Le terme descend du brutalisme architectural, le « béton brut » de Le Corbusier : des bâtiments qui exposent leur matière au lieu de la maquiller. Transposé au web : exposer la matière du web. Le HTML presque nu, les polices système, les liens bleus soulignés, les bordures franches. Une esthétique popularisée au fil des années 2010 par des galeries comme Brutalist Websites, en réaction directe à l'uniformisation des templates.

Nuance utile : le courant a deux branches. Le brutalisme « pur » (pages quasi non stylées, honnêteté structurelle radicale) et le néo-brutalisme, sa version pop : fonds saturés, énormes typos, bordures noires épaisses, ombres dures décalées, éléments qui se chevauchent. Le premier est un manifeste, le second une direction artistique ; c'est lui qu'on croise sur les portfolios et les sites de studios.

Les codes visuels

  • Typographie énorme et crue : du 8vw en titre, graisses extrêmes, souvent une seule famille, parfois la police système par principe.
  • Bordures et ombres dures : border: 3px solid #000 et box-shadow: 6px 6px 0 #000. Pas de flou : le flou, c'est de la diplomatie.
  • Couleurs frontales : jaune poussin, vert fluo, rouge pur, posés en aplats sans transition.
  • Grilles apparentes ou volontairement bousculées : soit la structure s'affiche, soit elle se fracture, mais elle ne se camoufle pas.
  • Éléments d'interface « bruts » : boutons rectangulaires, curseurs par défaut, marqueurs de liste visibles.

Le paradoxe : ce look « pas designé » demande plus de décisions de design que le template gentil. Faire simple et fort, c'est un travail d'orfèvre déguisé en coup de marteau.

Pourquoi ça fonctionne (quand ça fonctionne)

Le brutalisme rend un service rare : il se souvient de toi. Dans un océan de sites identiques, une page jaune poussin avec une typo de 200 px reste en mémoire, et la mémorabilité est LA denrée rare du web saturé. Il est aussi étonnamment honnête en termes d'UX : les liens ressemblent à des liens, les boutons à des boutons, la hiérarchie est criée plutôt que suggérée. Et techniquement, c'est un régime minceur : peu d'images, pas de lib d'animation, des pages qui chargent comme une gifle.

Attention quand même : brut ne veut pas dire négligé. Les contrastes doivent rester lisibles (le noir sur jaune est excellent ; le rouge sur vert fluo est une agression oculaire), le focus visible, la navigation praticable. Le brutalisme casse les conventions esthétiques, pas les conventions d'usage. Sinon il ne reste qu'un site cassé avec une bonne excuse.

Pour qui, pour quoi

Le brutalisme est un ton de voix. Parfait pour : portfolios créatifs, studios, événements culturels, projets militants, médias qui veulent trancher. Risqué pour : la banque, la santé, l'e-commerce grand public, là où l'utilisateur vient chercher de la réassurance, pas une claque esthétique. Un site de mutuelle en néo-brutalisme, c'est un notaire en crête punk : intriguant, mais on ira signer ailleurs.

Le plus intéressant reste la voie du milieu : injecter UNE dose brutale dans un design sage (une typo géante, une ombre dure, une couleur frontale) pour donner du caractère sans perdre la lisibilité commerciale. Le brutalisme comme épice, pas comme plat.

Ce courant pose la seule question qui vaille : ton site a-t-il une opinion ? Le web gentil n'en a pas. Le brutalisme en a une, parfois trop fort, mais on s'en souvient. Entre être oublié poliment et être remarqué brutalement, il y a un choix de design, et c'en est un vrai.

FAQ

Brutalisme et néo-brutalisme, quelle différence ?

Le brutalisme pur expose le web quasi non stylé ; le néo-brutalisme en fait une esthétique pop : couleurs saturées, bordures noires, ombres dures.

Le brutalisme est-il mauvais pour l'UX ?

Non s'il casse l'esthétique sans casser l'usage : liens reconnaissables, contrastes lisibles, navigation claire. Brut ne veut pas dire négligé.

Pour quels projets choisir ce style ?

Portfolios, studios, culture, médias tranchés. À éviter là où l'utilisateur cherche de la réassurance : banque, santé, e-commerce grand public.

← Retour au playground