Layout
3 composantsComposants UI
22 composantsButtonCTA réutilisable — 3 variantes : gradient, primary, outline — Link ou buttonVoir le showcase →SearchInputChamp de recherche pill — redirige vers ?q=… au submitVoir le showcase →BreadcrumbFil d'Ariane — items avec href optionnel, aria-current sur le dernierVoir le showcase →CategoryBannerBannière titre avec fond dégradé signature et sous-titre optionnelVoir le showcase →SectionHeroSection image de fond + overlay sombre + contenu centréVoir le showcase →FeatureCardCarte dégradé d'accroche — première cellule de la grille produitsVoir le showcase →SidebarCardCarte aside grise avec titre, description et lien CTA pleine largeurVoir le showcase →SocialIconIcône réseau social SVG dans un cercle dégradé 60×60pxVoir le showcase →FilterTabsOnglets pilule pour filtrer par catégorie — paramètre URL, Suspense requisVoir le showcase →ArrivalsWidgetWidget aside arrivages avec fond dégradé, image optionnelle et CTAVoir le showcase →ProductCardCarte grille catalogue — highlight nom, prix en bas, border-radius signatureVoir le showcase →ProductCardSaleCarte déstockage — badge discount circulaire, prix barré, tag catégorieVoir le showcase →ProductListCardCarte vue liste horizontale — image gauche 280px, contenu droitVoir le showcase →ProductGridGrille 4 colonnes desktop de ProductCard avec titre de section optionnelVoir le showcase →ProductGalleryGalerie images produit — image principale + miniatures cliquablesVoir le showcase →ProductTabsOnglets page produit — Description, Caractéristiques, Conditionnement, DocumentsVoir le showcase →ProductConfiguratorPanneau configurateur — finitions, dimensions, quantité, calcul prix totalVoir le showcase →ProductCardShopCarte catalogue boutique — image large, badge EN STOCK, prix HT/TTC/unité, bouton détailsVoir le showcase →ShopFilterSidebarPanneau de filtres latéral — recherche texte, checkboxes, arborescence, pastilles RAL, Plus/MoinsVoir le showcase →GoogleReviewsWidget avis Google — note globale, carousel de cartes avec étoiles, badge vérifié, avatarVoir le showcase →CategoryGridGrille de catégories produits — titre, description, cards image+label+compteur, responsive 2/3/4 colVoir le showcase →LotCardCarte lot déstockage — image, référence, prix barré, badge En stock, specs, CTA En savoir plusVoir le showcase →
Design tokens
primary#4b6e99
primary-light#d8e3ec
dark#222426
footer-bg#232323
section-alt#ececec
input-bg#f7f7f7
breadcrumb#bbc7db
stock-text#555555
stock-empty#b91c1c