Style·CORPORATE · TRUST
Style Business
Corporate propre : gris/bleu, layouts structurés, signaux de confiance, tableaux nets. Pour les SaaS B2B, cabinets de conseil, services pro.
Télécharger SKILL.md
~/.claude/skills/style-business/SKILL.mdInstallation en 30 secondes
mkdir -p ~/.claude/skills/style-business
curl -o ~/.claude/skills/style-business/SKILL.md \
https://xavierguiter.com/claude-skills/style-business/SKILL.md
# relance Claude Code, le skill est prêtStyle Business
Sérieux sans être ennuyeux. Structure, clarté, confiance.
Palette
- BG: blanc pur
#ffffffou gris très clair#f8fafc. - FG: gris foncé
#0f172a. - Primary: bleu confiance
#2563ebou 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.
Skill suivant