---
name: style-business
description: Corporate business design - clean, trustworthy, structured layouts, blue-gray palette, clear typography, professional imagery. Use when the user asks for "corporate", "B2B", "SaaS", "professional", "consulting", "enterprise" style.
---

# Style Business

Sérieux sans être ennuyeux. Structure, clarté, confiance.

## Palette

- BG: blanc pur `#ffffff` ou gris très clair `#f8fafc`.
- FG: gris foncé `#0f172a`.
- Primary: bleu confiance `#2563eb` ou navy `#1e3a8a`.
- Accents: vert succès `#16a34a`, rouge alerte `#dc2626`, jaune warning `#eab308`.
- Neutrals: gris 50-900 (Tailwind slate).

## Typographie

- Display + body: sans neutre lisible (Inter, IBM Plex Sans, Söhne).
- Poids: 400 body, 600 semibold pour hiérarchie, 700 pour headings, jamais 900.
- Taille body 15-16 px, line-height 1.6.

## Layout

- Grille 12-col classique, marges 5-8%.
- Cards avec `border: 1px solid slate-200`, `border-radius: 8px`, ombre subtile.
- Tableaux avec zebra rows, headers `sticky`, filtres au-dessus.
- Sidebars pour navigation profonde.

## Composants signature

- Hero avec value prop → 3 bénéfices → preuves sociales (logos clients) → CTA.
- Sections "Comment ça marche" en 3-4 étapes numérotées.
- Tables comparatives (nous vs concurrents) claires et honnêtes.
- Testimonial cards avec photo, nom, poste, entreprise.

## Rules

- Aucune animation gratuite. Motion 150-250ms max, fonctionnelle uniquement.
- Zéro emoji dans les copies formelles. Icons Feather/Heroicons.
- Contraste AAA sur les zones de conversion.