---
name: style-marketing
description: Conversion-focused marketing pages - benefit hierarchy, scannable sections, repeated CTAs, social proof stacking. Use when the user asks for "landing page", "conversion", "marketing", "sales page", "product launch" style.
---

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

1. **Hero** - titre bénéfice + sous-titre clarifiant + CTA primaire + preuve sociale (logos ou score étoiles).
2. **Problème** - la friction que vit le lecteur, en 1-2 phrases.
3. **Solution** - 3 bénéfices majeurs (jamais features), chacun avec icône + phrase + micro-copy.
4. **Preuve** - testimonials avec photo/poste/entreprise, logos clients, chiffres clés.
5. **Comment ça marche** - 3-4 étapes numérotées.
6. **Objections** - FAQ ciblée sur les résistances connues.
7. **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.