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.mdInstallation 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êtStyle Brutaliste
Rien à cacher, rien à embellir. Le HTML brut est la matière première.
Palette
- Blanc
#ffffffET 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, serifouHelvetica, 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 → redau 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