​

Démonstration du guide de style

​

1. Typographie

​

Titres avec Source Serif 4

​

Titre de niveau 1 - Source Serif 4

​

Titre H2 - Source Serif 4

​

Titre de niveau 3 - Source Serif 4

​

Titre H4 - Source Serif 4

​

2. Couleurs de la marque

​

3. Composants de bannière

​

4. Styles de boutons

​

5. Arrière-plans en gradient

​

Exemples d’utilisation

​

Bannière en MDX

<div className="help-banner custom-banner">
  <h2>Your Title</h2>
  <p>Your content here</p>
</div>

​

Bouton en MDX

<button className="primary-button">Click Me</button>

​

Section Gradient

<div className="hero-gradient">
  <h1>Bienvenue sur W&B</h1>
  <p>Créez de meilleurs modèles plus rapidement</p>
</div>

​

Notes

• Tous les styles s’adaptent automatiquement au mode sombre
• Les couleurs sont définies sous forme de variables CSS pour faciliter la maintenance
• Les gradients utilisent les couleurs de la marque de façon cohérente
• Les effets de survol offrent un retour visuel interactif