Plan requirement
| Subscription | Suite Team or higher, Knowledge Professional or higher |
| Access | Admin |
The branding settings cover most of what a help centre needs to look like your company, without touching any code. There are five colour settings rather than one brand colour, two font dropdowns, and a Publish step people forget.
Change them
- In Knowledge admin, click Customize design in the sidebar.
- Click Customize on the theme you want to change.
- In the Settings panel, open Colors, Fonts, Brand or Images. The preview window updates as you change things; there is nothing to click for it.
- Click Publish, or the change stays in the editor and readers see nothing.
The five colours are separate, and that is the answer to contrast
| Brand color | The accent, used for buttons and highlights. |
| Brand text color | Text that sits on the brand colour. |
| Text color | Body text. |
| Link color | Links. |
| Background color | The page behind everything. |
A brand colour chosen for a printed brochure is often too pale for text on a screen, and light grey on white fails the contrast ratios that make text legible. Because Brand color and Text color are separate settings, you do not have to choose: keep the brand colour for accents and set body text darker.
Two fonts, because there are two settings
Heading and Text, each a dropdown of built-in options. That constraint is doing you a favour: help centre pages are read rather than admired, and a third font would make the page busier without making anything clearer.
Logo and favicon
Under Brand, click Replace to upload a logo. The recommended size is 200px by 50px, and the Copenhagen theme caps the height at 37px, so a tall logo is scaled rather than shown as designed.
Save it with a transparent background. A logo saved on white sits in a visible white box on any coloured header.
The favicon must be square; it is scaled to fit. Small, easy to forget, and visible in every tab a customer has open.
Look at it on a phone
Before publishing. Large logos and long headings behave differently on a narrow screen, and that is where a good share of your readers are.
Comments
0 comments
Article is closed for comments.