Help center
Customisation
We understand the importance of brand identity. It's very common for a business to have a colour scheme or at least one brand colour. Fonts also play a key role in the identity of a business.
So we decided to make it extremely easy to customise brand colors and assign custom fonts! And it's just as fast to update them should you ever need a fresh coat of paint!
Brand colors
We based our colours on Bootstrap. These 9 colors can be applied as quick presets for text, backgrounds and button colours.
And all of them can be easily overridden to any color you desire.
For example our website's help section uses blue for the primary color, but other pages such as our home page uses purple!
Root block
All How Do Web pages have a top level block called "Root". This is where we can change the brand colors, import custom fonts, and setup default values for headings and text sizes.
Go to the tree panel and click the top level block "Root".
Set colours
Import custom fonts
Click + to add a new font.
You'll see it says #0, this is because root fonts are indexed. 0, 1, 2, 3 etc. Why? Root fonts can be assigned as a custom font for almost any block, (under Text > Font). It only references a number and not the font itself for 3 significant reasons:
- If at any point in the future you change your mind and decide to change the font, updating the font at the index will update all instances!
- Allows changing the font for certain sections of a website.
- Multilingual websites: a certain locale might require a different font. Not all fonts support all character sets such as Chinese, Japanese, Cyrillic etc. Some fonts may also look better for different languages.
Click the "Custom font" button.