In den Projekteinstellungen unter dem Reiter Styles kannst du Farben und Typografien zentral für dein Projekt festlegen und im Editor jederzeit wieder verwenden.
Farbpalette:
Lege deine Projektfarben fest und definiere, welche als Primär-, Sekundär- oder Akzentfarbe genutzt werden soll. Zusätzlich kannst du beliebige weitere Farben anlegen und je nach Verwendungszweck benennen.
Überall dort, wo Text- oder Hintergrundfarben festgelegt werden können, kannst du über das Weltkugel-Icon auf deine globale Farbpalette zugreifen. Mit dem Schnellzugriff stellst du sicher, dass alle Inhalte einheitlich deinem individuellen CI/CD entsprechen.
Sobald du eine Farbe festgelegt hast, erscheint am rechten Rand des Farbbalkens ein Pfeil. Mit Klick darauf setzt du die Auswahl zurück auf die softwareseitigen Standardfarben: Primär = schwarz, Sekundär = dunkelgrau, Akzent = blau.
Typografien:
Für Fließtext sowie Überschriften (H1–H6) kannst du ebenfalls übergeordnete Typografie-Einstellungen vornehmen, die für das gesamte Projekt gelten. Dazu gehören:
Schriftart
Schriftgröße
Zeilenhöhe
Formatierungen wie fett, kursiv oder unterstrichen
Die Änderungen sind sofort in den Einstellungen sichtbar und können pro Gerät angesehen werden. Für Größe und Zeilenhöhe sind individuelle Device-Einstellungen möglich, alle anderen Optionen gelten geräteübergreifend.
Zusätzlich lassen sich weitere Typografien anlegen, frei benennen und nach Bedarf stylen.
 |  |
Überall dort, wo Texte formatiert werden können (z. B. im Überschriften- oder Text-Widget), greifst du per Weltkugel-Icon auf die globalen Typografie-Einstellungen zu. Neue Text-Widgets übernehmen automatisch die vordefinierte Schriftart, -größe und -formatierung. Überschriften lassen sich im Dropdown Texttyp einer Formatierung (H1–H6) zuordnen.
Sobald du die übergeordneten Projekt-Styles entkoppelst, ändern sich die einzelnen Werte von Türkis zu Schwarz. Überschreibst du alle Werte, färbt sich auch die Weltkugel schwarz. So erkennst du jederzeit, ob einzelne Werte angepasst wurden.
Mit einem Klick auf die Weltkugel – sowohl bei Farben als auch bei Schriften – gelangst du direkt zu dem Styles-Reiter der Projekteinstellungen, um dort weitere Anpassungen vorzunehmen.
