Set-up your colour style

Creating a colour style

A good color style is the starting point of every new project. By configuring this before creating your first project, it will take less time to make publications that match your desired corporate identity or color scheme. Small changes can always be made or adjusted on individual pages within the editor itself.

 

All templates and block elements are connected to your color style. By selecting a color style for a project, all of the existing templates, elements and typography inside will automatically adjust to this style. When a style is changed, a page that is connected to this style will automatically update to reflect the change in style. The color style will stay linked unless you change the color style link for the page or publication.

Note: when you manually change the color of an element inside a page, the color style settings will not be updated with the changes you made for that element.

Why connect a color style before starting a project?

All templates will start with the right colors and typography.
Block elements you drag onto the pages have the right colors and typography.
Being able to make changes in one location for your entire publication(s).

New style

Add a new colour style or choose an existing color style that you want to change. When you save one of our existing preset color styles, a copy will be automatically saved with its own unique name. With the checkboxes, you can set a color style to be the default style. It will be used automatically when you start a new project.

Choose typography

The templates will not contain a lot of default texts, but do have a lot of room for you to drag texts or block elements. You can already style these items by choosing a font type and font style for different elements.

To add fonts to your account, go to the settings tab then under General section select Fonts.



Title: a big title
Subtitle: a smaller title
Intro: short intro text that's a little bit bigger
Read text: default texts
Quote: text element in different quote blocks
Button: the text used in buttons

Colours

Inside a colour style, you will see four colour types, selectable by choosing the corresponding tab. Some templates contain only the first two styles and some templates contain all styles. Make sure you take your time and configure all the details of the different types. On the right side, you will see a preview of how your changes will look like.



Text on photography: text that is positioned over a photo background.
Text on white background: default texts are placed on a white background in the templates, the colours can be changed.
Text on background 1: in the templates, extra colours are used for backgrounds and elements.
Text on background 2: in the templates, extra colours are used for backgrounds and elements.

Updated on: 08/02/2023