Das Widget gestalten
Das Widget passt sich Ihrer Marke automatisch an, mit voller Kontrolle, wenn Sie sie wollen.
Das Widget ist so gestaltet, dass es von Haus aus wie ein Teil Ihres Produkts aussieht, und gibt Ihnen zugleich präzise Kontrolle, wenn Sie sie möchten.
Automatische Gestaltung
Beim Laden liest das Widget das Designsystem Ihrer Site — es erkennt shadcn/ui, MUI, Chakra, Mantine, daisyUI, Radix Themes, Tailwind und Open Props — und übernimmt Ihre Farben, Schriften, den Radius und mehr. Erkennt es kein System, greift es auf Ihre Fließtextschrift und Ihre dominanten Farben zurück.
Theme-Tokens
Alles wird durch namensraumierte --syncanix-*-CSS-Custom-Properties für Farbe, Typografie, Form, Erhöhung und Bewegung gesteuert. Das Widget verwendet durchgehend logische CSS-Eigenschaften, sodass es sowohl von links nach rechts als auch von rechts nach links korrekt umbricht.
Hell & dunkel
Ein „erkanntes“ Design leitet sowohl ein helles als auch ein dunkles Schema aus Ihrer Live-Site ab und bewahrt dabei Ihren Markenton. Zuletzt wird eine WCAG-AA-Kontrastuntergrenze angewendet, damit Text lesbar bleibt, egal welche Palette Sie haben.
Im Dashboard gestalten
Für volle Kontrolle — mehrere Designs, Überschreibungen pro Größe, der Starter, eigenes CSS — nutzen Sie das Widget-Design-Studio, in dem Sie gegen das echte Widget als Live-Canvas gestalten.