Tous les skills

Style·NATURAL · GREEN

Style Écologie

Verts et terres naturelles, imagerie botanique, typos humaines, empreinte carbone visible. Pour les marques éco-responsables et projets green.

Télécharger SKILL.md~/.claude/skills/style-ecologie/SKILL.md

Installation en 30 secondes

mkdir -p ~/.claude/skills/style-ecologie
curl -o ~/.claude/skills/style-ecologie/SKILL.md \
  https://xavierguiter.com/claude-skills/style-ecologie/SKILL.md
# relance Claude Code, le skill est prêt

Style Écologie

Un site qui vit son sujet : sobre, honnête, mesuré. Pas d'écowashing visuel.

Palette

Verts naturels : vert forêt #166534, vert olive #65a30d, vert sauge #84cc16.
Terres : sable #e9dcc3, terracotta #c98860, brun profond #3d2b1f.
Accent chaud pour appels à l'action : rouille #d97706 ou moutarde #eab308.
BG: crème #f5efe1 ou blanc cassé, jamais du blanc pur clinique.
FG: brun foncé #3d2b1f (jamais du noir pur).

Typographie

Display: serif humaniste (Cormorant, Fraunces, Recoleta) ou sans très humain (Söhne, Manrope).
Body: 16-17 px, line-height 1.65.
Une touche manuscrite occasionnelle pour authentic feel.

Layout

Whitespace généreux - le site respire.
Photos naturelles (feuilles, terre, textures organiques), jamais de stock corpo.
Blob shapes SVG en fond, jamais de gradients électriques.
Images ratio 4:5 ou 3:2, jamais de portrait recadré serré.

Composants signature

Compteur d'empreinte carbone de la page en footer (0.2 g CO2/vue).
Badge "Site low-tech" ou "Hébergement solaire" visible.
Section transparente : "Nos engagements chiffrés" avec deltas année après année.
Icônes botaniques (feuilles, arbres) plutôt que icônes tech.

Rules

Optimisation obligatoire : images WebP/AVIF, lazy load, fonts subset.
Motion sobre (300ms max), pas de vidéo autoplay lourde.
Aucun placeholder image générique - chaque image a un sens.
Copywriting factuel, chiffres vérifiables, sources en note.

Skill suivant

Style Bank & Assurance