Newsletter – Custom Colours and Google Fonts

1 Choosing your Colours

Examples of Colours for Flat White websites

There are three key colours to choose:

The Main colour: this is the main identity of your website, so add your main brand colour.

The Page Title colour, which needs to provide a good contrast with your background images.

The Highlight colour: this is the colour for any links within your website, so you want to make sure it is distinctive from the rest of the content.

The Body colour: this is the most neutral colour for larger areas of text. Avoid pure black, and aim for a dark tone of your brand colours.

2 Choosing your Typefaces

Examples of Fonts for Flat White website

There are three categories where you can choose your font:

The Site Title: this shows wherever you choose to have a Site Title – on the Hero Image, and/or in the Navigation Bar. This can be the most eye-catching choice.

The Headings: this shows in all your headings, which will be in your Main Colour.

The Body: this is for your larger areas of text, which will be in your Body Text Colour.

To select your colours, go to “Customizer/Typography”.

Tip: choose a serif and a sans-serif option to contrast between the Headings and the Body.

Watch the video below for full details of adding your custom colours and google fonts:


If you have any problems choosing your colours or fonts, or any other aspects of your new website, please get in touch by phone or email – we are happy to help.

And if you are ready to edit any other aspects of your website, there are plenty of videos here which explain what to do.


Here’s are two Infographics which summaries the Colour and Font options:

Custom Typography Infographic