Style·CONVERT · SCAN
Style Marketing
Conversion-first : hiérarchie du bénéfice, sections scannables, CTAs répétés, preuves sociales. Pour les landing pages et sites d'acquisition.
Télécharger SKILL.md
~/.claude/skills/style-marketing/SKILL.mdInstallation en 30 secondes
mkdir -p ~/.claude/skills/style-marketing
curl -o ~/.claude/skills/style-marketing/SKILL.md \
https://xavierguiter.com/claude-skills/style-marketing/SKILL.md
# relance Claude Code, le skill est prêtStyle Marketing
Un objectif : le clic. Chaque section justifie le suivant scroll.
Palette
- BG: clair et neutre (blanc, ivoire) - la couleur est réservée aux CTAs et aux accents de bénéfice.
- Accent principal: une couleur unique très saturée pour tous les CTAs (violet
#7c3aed, orange#f97316, ou vert#059669). - FG: gris slate
#0f172a.
Typographie
- Display: sans bold large (Inter Display, Outfit Black, Söhne Halbfett).
- Body: sans neutre 17-18 px, line-height 1.6, mesure 60 chars.
- Headings: taille énorme sur les bénéfices (
clamp(2.5rem, 6vw, 5rem)).
Structure canonique
- Hero - titre bénéfice + sous-titre clarifiant + CTA primaire + preuve sociale (logos ou score étoiles).
- Problème - la friction que vit le lecteur, en 1-2 phrases.
- Solution - 3 bénéfices majeurs (jamais features), chacun avec icône + phrase + micro-copy.
- Preuve - testimonials avec photo/poste/entreprise, logos clients, chiffres clés.
- Comment ça marche - 3-4 étapes numérotées.
- Objections - FAQ ciblée sur les résistances connues.
- CTA final - même bénéfice qu'en hero, formulation différente.
Composants signature
- Boutons CTAs XXL, contrasté, avec micro-animation au hover (lift + shadow).
- Badges "Nouveau", "Populaire", "Limité" pour urgence.
- Compteur de temps restant sur offres limitées.
- Sticky bar bas avec CTA persistant après premier scroll.
Rules
- Un seul CTA primaire par écran. Les autres sont secondaires (ghost).
- Aucun jargon interne. Toujours le langage du lecteur.
- A/B test-able : titres, CTAs, ordre des bénéfices variables.
Skill suivant