XG
Open to work
Tous les skills
Style·RAW · CONTRAST

Style Brutaliste

Brut, angles vifs, contrastes forts, typos système, absence assumée d'ornement. Pour les artistes contemporains, labels indé, sites zines.

Télécharger SKILL.md~/.claude/skills/style-brutaliste/SKILL.md
Installation en 30 secondes
mkdir -p ~/.claude/skills/style-brutaliste
curl -o ~/.claude/skills/style-brutaliste/SKILL.md \
  https://xavierguiter.com/claude-skills/style-brutaliste/SKILL.md
# relance Claude Code, le skill est prêt

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.
Skill suivant

Style Impact