In the project settings under the Styles tab, you can centrally define colors and fonts for your project and use them at any time in the editor.
Color palette:
Define your project colors and specify which ones should be used as main colors such as primary, secondary, or accent colors. You can also create additional colors and name them according to their intended use.
Wherever text or background colors can be specified, you can access your global color palette via the globe icon. Quick access ensures that all content is consistent with your individual CI/CD.
Once you have selected a color, an arrow appears on the right side of the color bar. Clicking on it resets the selection to the software's default colors: Primary = black, Secondary = dark gray, Accent = blue.
Typographies:
For text and headings (H1–H6), you can also apply overriding typography settings that apply to the entire project. These include:
Font
Font size
Line hight
Formatting such as bold, italics, or underlined text
The changes are immediately visible in the settings and can be viewed for each device. Individual device settings are possible for size and line height; all other options apply across devices.
In addition, further typographies can be created, freely named, and styled as desired.
 |  |
Wherever text can be formatted (e.g., in the heading or text widget), you can access the global typography settings via the globe icon. New text widgets automatically adopt the predefined font, font size, and formatting. Headings can be assigned a formatting (H1–H6) in the text type dropdown.
As soon as you decouple the parent project styles, the individual values change from turquoise to black. If you overwrite all values, the globe will also turn black. This allows you to see at any time whether individual values have been adjusted.
Clicking on the globe icon—for both colors and fonts—will take you directly to the Styles tab in the project settings, where you can make further adjustments.
