XG
Open to work
Tous les skills
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.md
Installation 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êt

Style 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 #a83c1e ou 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

Style Business