Template playground v2

Micro-composants multi-themes - Site Web Exemples

Version 2 avec variation visuelle dynamique: passe entre modes Sobre, Premium et Admin pour visualiser le meme set de composants dans plusieurs directions UI.

Badges

Brouillon Valide A verifier Bloquant Info

Callout

Alertes

Tabs

Commence par choisir le theme, puis combine badges + callout + alerte selon le contexte de la page cible.

<aside class="callout">
  <h3>Message</h3>
  <p>Contenu...</p>
</aside>

Un seul style d'alerte dominante par page.
Limiter a 5 badges visibles au-dessus de la ligne de flottaison.
Toujours tester la lisibilite mobile.

Accordeon

Regroupe les composants par role: information, action, confirmation, puis fallback.

Garde des textes courts, des contrastes nets et des cibles tactiles confortables.

Cette version peut servir de base a une mini-design system interne.