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

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.
Skill suivant

Style Portfolio