---
name: style-ecologie
description: Ecology / sustainable design - greens and earth tones, botanical imagery, human typography, low-carbon footprint. Use when the user asks for "ecology", "sustainable", "green", "climate", "carbon", "nature", "environment" style.
---

# 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.