Style Guide
Thème actif : nice-black
Rendu de tous les composants UI du projet — mis à jour automatiquement selon le thème chargé dans styles/theme.config.css.
Palette couleurs
background
foreground
primary
primary-fg
secondary
secondary-fg
muted
muted-fg
accent
accent-fg
destructive
ring
card
border
topbar-bg
footer-bg
Tokens badges produit
Top VentePromoOffre du momentNouveauStock limitéPack
Typographie
Titre H1 — Stéthoscope Littmann Cardiology
Titre H2 — Catalogue médical professionnel
Titre H3 — Dispositifs médicaux certifiés CE
Titre H4 — Livraison J+1 pour les professionnels de santé
Corps de texte — Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
Texte muted — Référence, sous-titres, descriptions secondaires, métadonnées de produit.
Mono — REF: LIT-3M-C4-BK · SKU-001240 · LPPR: 3M-XXX
Boutons
Variantes
Tailles
Avec icônes & états
Badges (shadcn)
DefaultSecondaryDestructiveOutlineGhost Vérifié Alerte
Cards
Champs de saisie
Cases à cocher & Radios
Onglets
Variant default
Contenu de la fiche technique du produit.
Variant line
Onglet actif souligné — style navigation.
Barres de progression
20 %
55 %
100 %
Accordéon
Avatars
DRsm
MKdefault
SBlg
A1A2A3
AvatarGroupSkeleton (chargement)
Séparateurs
AvantAprès