Erscheinungsbild der Website und Design-Tokens.

Erscheinungsbild → Erscheinungsbild der Website ändert die ganze Website auf einmal. Rechts sehen Sie eine Live-Vorschau der Startseite (Desktop oder Smartphone); gespeichert wird erst, wenn Sie auf Erscheinungsbild speichern klicken.

Zwei Begriffe, überall gleich verwendet: Eine Startwebsite besteht aus Beispielinhalten plus einem Stil (Sie wählen sie bei der Installation), und ein Stil ist ein fertiger Satz aus Farben, Schriften, Größen und Eckenradius. PHP-Themes gibt es in Kaleta seit 1.6 nicht mehr – das Aussehen kommt nur aus dem Erscheinungsbild der Website, gemeinsamen Klassen und dem Builder.

Die Tabs

• Stile – wählen Sie mit einem Klick einen Stil und passen Sie ihn in den anderen Tabs fein an. Der Stil, den Ihre Website verwendet, ist als aktuell markiert.
• Farben – Primär-, Sekundär-, Text-, Hintergrund- und Flächenfarbe. Abstufungen werden automatisch abgeleitet. Der Block Lesbarkeit prüft den WCAG-Kontrast – ändern Sie jedes rot markierte Paar.
• Dunkelmodus – aus, passend zum Gerät des Besuchers oder immer dunkel, mit eigenen Farben und einem optionalen Umschalter für Besucher.
• Schriften und Größen – Schriften für Überschriften und Text (auch eigene WOFF2-Dateien, gehostet auf Ihrem Server), Grundschriftgröße auf Smartphones und Monitoren, Größenverhältnis der Überschriften, Inhaltsbreite und die Typografie-Stile (Haupttitel, Abschnittsüberschrift, Einleitung…), die Sie im Builder für Elemente auswählen.
• Formen – Eckenradius für Schaltflächen, Karten, Bilder und Formularfelder.
• Logo und Icon.
• Import und Export – laden Sie das Aussehen als W3C Design Tokens (DTCG) für Figma oder Tokens Studio herunter und wieder hoch.

Ein Look aus Ihrer Marke

Sie müssen ihn nicht von Hand bauen: Binden Sie Claude an und beschreiben Sie Ihre Marke – Farben, Schriften, wie abgerundet. Claude speichert das im Designsystem, und Sie sehen das Ergebnis in der Vorschau.