COLOUR PALETTE

When creating your theme make use of our colour tint tool. Selecting 6 main colours in the general settings will save you time later - whenever you need to choose colours for icons, backgrounds, title screens etc. these 6 colours from your theme will be available by default.

The colour in the middle of each row is your chosen, branded colour. The four colours on either side are automatically generated tints. These tints will also be available as default colours for you to use throughout your learning experiences.

TIP: You don’t need to choose 6 completely different colours, your branding might only have 2 or 3 to choose from. Choosing a lighter shade of the main colour will provide you with more pre-set tints.

DEFAULT FONT

When choosing you default font, think about the types of devices your learners will be using to access the learning, as well as readability. PRODUCER includes a range of fonts to choose from, but not all are supported on all devices. For example, Helvetica Neue is a simple content font but isn’t compatible with Windows PCs (which swap it with Arial or another Windows system font).

Bear this in mind when using Custom Fonts. If you're using a custom font, you will need to choose a backup font, should your custom font not be supported across all browsers.

TIP: To be safe, we suggest choosing Arial for your content text; it is a web safe font and user friendly with respect to readability.

You can also change the colour of your default content font, however we strongly advise caution. Standard content text should be black or dark grey to ensure it is readable. Adding colour to your content text will make it hard to read and should only be used sparingly and when appropriate.

BUTTON COLOURS

Various buttons on screen will guide your learners through the learning experience. It's important that buttons be visible. Choose a highlighting colour for your button that separates the button from the content and makes it easy for your learner to identify. 

Text links are used for your activities, e.g. multiple choice, single answer questions. 

Resource links are used for actual links, e.g. documents or websites.

TIP: When choosing your resource link colour, ensure that the colour you choose is readable on light backgrounds as well as dark ones (if you intend to use darker call outs).

TEXT OBJECTS - HEADINGS

You can choose up to 4 different heading styles for your titles. This is an opportunity to add some colour and a different font family to your text (within the constraints of your branding). There are also underline styles and different font sizes.

TIP: Heading 4 is the default font for all content objects, so make sure you use Heading 4 for the heading font style that you will use most often.

TIP: It's a good idea to create some variety in Headings 1, 2 and 3. For example, add some colour, choose a larger font size for short but important headings, and an underline style.

TEXT OBJECTS - CALL OUTS

Call outs are styles you can use to highlight text objects with different borders and background colours.

Using call outs is a great way to organise your content and introduce consistency for learners. For example, you might use a lot of scenarios in your learning experience. Create a call out style to use for all your scenarios as a visual cue for your learners. Or, you might have a call out style to highlight important concepts or ideas. 

TIP: Add at least one darker, full coloured callout for highlighting important concepts or ideas. In contrast, a grey call out box fits with most brands and helps to avoid over-use of colour. 

SPEECH BUBBLES

Choose two different colours to make it clear which speech bubble belongs to the learner and which to the character used in the experience.

NOTE: Thought bubble colours are used when adding a character or learner image to a dialog.

FEEDBACK COLOURS

It's possible to change the question feedback colours but we recommend you don't deviate from the red (incorrect) / green (correct) metaphor, with yellow representing an 'ok' response.

TIP: While we suggest you keep the default colours green, yellow and red, you can choose colour tints of these 3 colours that suit your branding. 

Did this answer your question?