Style·SOFT · WARM · BLOB
Style Organique
Courbes douces, formes blob, palette terracotta/beige, touches manuscrites. Pour les marques wellness, food, natural care.
Télécharger SKILL.md
~/.claude/skills/style-organique/SKILL.mdInstallation en 30 secondes
mkdir -p ~/.claude/skills/style-organique
curl -o ~/.claude/skills/style-organique/SKILL.md \
https://xavierguiter.com/claude-skills/style-organique/SKILL.md
# relance Claude Code, le skill est prêtStyle Organique
Rien ne coupe. Tout arrondit, respire, ondule.
Palette
- Terracotta
#c98860, sable#e9dcc3, mousse#7a8971, crème#f5efe1. - FG: brun profond
#3d2b1f(jamais du noir pur). - Accent chaud: rouille
#a83c1eou moutarde#d4a537.
Typographie
- Display: serif humaniste ou display avec courbes prononcées (Fraunces, Playfair Display, Recoleta).
- Body: sans humaniste (Söhne, Poppins, Inter). Line-height 1.65.
- Une touche manuscrite (Caveat, Kalam) pour signatures/quotes.
Formes
- Blob shapes SVG en arrière-plan des sections.
- Border-radius généreux et asymétriques :
border-radius: 40% 60% 55% 45% / 45% 40% 60% 55%. - Images masquées en forme organique (blob mask via clip-path).
- Traits main levée (SVG paths légèrement irréguliers) pour séparateurs.
Motion
- Blobs qui morph doucement (SMIL ou GSAP), 8-12s par cycle.
- Micro-rotation continue (-2° à +2°) sur badges décoratifs.
- Fade + slide 400ms au scroll.
Rules
- Aucune ligne droite dominante - même les bordures ondulent (SVG wave).
- Photos toujours chaudes, jamais froides bleu-tech.
- Boutons pill (border-radius 999px), jamais carrés.
Skill suivant