Creating a color 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 component blocks are connected to your color style. By selecting a color style for a project all of the existing templates, blocks 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.
- Blocks you drag onto the pages have the right colors and typography.
- Being able to make changes in one location for your entire publication(s).
Add a new color 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.
The templates will not contain a lot of default texts but do have a lot of room for you to drag texts or content blocks. 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.
TitleA big title
SubtitleA smaller title
IntroShort intro text that's a little bit bigger
Read textDefault texts
QuoteText element in different quote blocks
The text used in buttons
Inside a color style, you will see four color 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 photographyText that is positioned over a photo background.
Text on white backgroundDefault texts are placed on a white background in the templates, the colors can be changed.
Text on background 1In the templates, extra colors are used for backgrounds and elements.
Text on background 2In the templates, extra colors are used for backgrounds and elements.