Articles on: Create a module
This article is also available in:

Customise the colours and fonts of my module

In the Settings tab of your module, the Customisation & brand elements section lets you apply your brand guidelines to the whole player: colours of the player, hotspots, popups and activities, and the fonts of your texts.


Customisation & brand elements section


1. Colours


Click the Colours… button to open the Module colours window. It is organised in five tabs, each with a live preview on the right:


  • Video player: the player controls, the played part of the timeline, the hotspots shown on the timeline and, for mobile, the icon and background of the Play button.
  • Hotspots: the outline and icon of the hotspots, their background and their progress bar.
  • Overlays: the text and background of text overlays.
  • Popups: the header, text, background, buttons and scrollbar of the popups; the navigation elements; the introduction screen (module name, information, chapter names, welcome message); the chapters; the end screen.
  • Activities: the question and its toolbar, the buttons, the result colours (correct, partial and incorrect answers), plus the settings specific to Fill in the blanks and Memory.


Module colours window, Video player tab


Choosing a colour


Click the swatch to the left of an element to open the picker. You can:


  • type the hex code of your colour, or its R, G, B values;
  • pick a colour from the suggested palette;
  • or select it in the colour chart.


The colour picker


The preview updates immediately. Once all your settings are done, click Save changes at the bottom of the window.


Tip: start with the Popups and Activities tabs, which gather the colours your learners see most, then check the result in the module's Preview tab.


Popups tab with a popup preview


Activities tab with an activity preview


2. Fonts


In Custom font, you can import the font of your brand guidelines:


  • Paragraph: click Add, then select the font file in your media library. This font becomes the default font for all your text content; you will find it under the name "Custom font" in the font menus.
  • Bold: once the Paragraph font is added, you can import its bold variant, or choose a second default font.


Note: the font file must first be added to your media library, like any other media.


You can also customise the player with your logo.

Updated on: 02/11/2026

Was this article helpful?

Share your feedback

Cancel

Thank you!