Thématiser le widget
Le widget s’accorde à votre marque automatiquement, avec un contrôle total quand vous le voulez.
Le widget est conçu pour ressembler à une partie de votre produit d’emblée, tout en vous donnant un contrôle précis quand vous le souhaitez.
Thématisation automatique
Au chargement, le widget lit le système de design de votre site — il reconnaît shadcn/ui, MUI, Chakra, Mantine, daisyUI, Radix Themes, Tailwind et Open Props — et adopte vos couleurs, polices, rayon et plus. S’il ne détecte aucun système, il se rabat sur la police du corps et vos couleurs dominantes.
Tokens de thème
Tout est piloté par des propriétés CSS personnalisées préfixées --syncanix-* pour la couleur, la typographie, la forme, l’élévation et le mouvement. Le widget utilise partout des propriétés CSS logiques, il se dispose donc correctement de gauche à droite comme de droite à gauche.
Clair et sombre
Un design « détecté » dérive un thème clair et un thème sombre de votre site en direct, en préservant la teinte de votre marque. Un plancher de contraste WCAG-AA est appliqué en dernier, pour que le texte reste lisible quelle que soit votre palette.
Concevez-le dans le tableau de bord
Pour un contrôle total — plusieurs designs, surcharges par taille, le lanceur, du CSS personnalisé — utilisez le Studio de Design du Widget, où vous concevez face au widget réel comme un canevas en direct.