---
name: style-brutaliste
description: Brutalist web design - raw, unpolished, high contrast, system fonts, sharp edges, no rounded corners, no shadows. Use when the user asks for "brutalist", "raw", "unstyled", "zine", "indie", "anti-design" style.
---

# Style Brutaliste

Rien à cacher, rien à embellir. Le HTML brut est la matière première.

## Palette

- Blanc `#ffffff` ET noir `#000000`. C'est tout.
- Optionnel: UN accent brut (rouge sang `#ff0000`, jaune warning `#ffff00`, cyan `#00ffff`).
- Aucun gris intermédiaire - soit noir soit blanc.

## Typographie

- Fonts système: `font-family: Times, serif` ou `Helvetica, sans-serif`.
- Aucune webfont custom.
- Tailles brutes non-clampées: 12px, 14px, 16px, 24px, 48px, 96px.
- Line-height 1.2 partout, y compris body.
- Text-decoration: underline sur TOUS les liens.

## Layout

- Grille de tableau HTML si besoin (`<table>` acceptable).
- Aucun border-radius (0 partout).
- Aucune box-shadow.
- Bordures noires 1-3px `solid`.
- Blocs qui touchent les bords (marges 0).

## Composants signature

- Boutons: rectangle noir, bordure 2px noir, texte blanc uppercase, aucun hover soft - juste `background: black → red` au hover.
- Images non-compressées, aliasing visible OK.
- Séparateurs `<hr>` visibles.
- Formulaires natifs, aucun override CSS.

## Rules

- Aucune animation gratuite. Motion INSTANTANÉE (0ms transition).
- Assumer le désordre : éléments qui débordent, contraste violent.
- Le "beau" est ennemi. Le "fonctionnel + brut" est ami.