Theme & Assets

Customise the look & feel of your content.

What is Theme & Assets?

Theme & Assets will be displayed on the Listing. The colour scheme is determined by the Theme, while the Assets consist of the added media.

Theme

Your platform comes with a preset Theme. You can customise your Theme or choose from the Available Themes. To modify your Custom Theme, choose a Primary Colour and Accent Colour.

Quick Steps: Editing your Theme

  1. Open your content (Authoring, Streams, Pathways).

  2. Open Theme & Assets. Select the Edit icon to adjust your Theme.

  3. Choose a Theme. Choose from an Available Theme, or choose your Custom Theme. If required, select Primary and Accent colours to adjust your Custom Theme.

Content Icons: Primary Icon & Alternative Icon

Your icon is the first visual hint of what your content is about. Upload an icon from your personal collection, or use the platform's Marketplace to source a quality, free stock image courtesy of an Unsplash.com integration.

Icon Sizes

The icons must be a .png or .jpeg image at least 1024 x 1024 px in size. Images bigger than the minimum will simply be auto-resized.

Primary icons are required; alternative icons are optional. To differentiate the icon in the featured content banner from the one in the listing, feel free to upload an alternative icon. However, uploading a primary icon is the only requirement.

When adding podcast and YouTube streams, the listing will be auto-populated with assets from the original source.

Custom Theme Options

Custom Level Colours (Pathways only)

Custom Level Colours apply activities in a level. You can choose a custom colour (Recommended, Theme, Vibrant or Pastel) for each Pathway Level.

Level colours overwrite the Pathway/App theme and are applied to:

  • Activity icons

  • Pathway tiles

Use Custom Theme (Pathways & Authoring)

To change the theme for a Pathway or for Learning Content, open Themes and Assets and select custom colours under Use Custom Theme.

Custom Pathway themes change the app UI. This ensures consistent visual queues in both the Pathway/learning story and the app; it avoids theme conflicts between the app theme and content theme.

Theme Fonts (Authoring only)

For Custom Themes, you can change the font that is used. Select the down arrow to choose from the available fonts.

Theme & Assets FAQ

When you upload an Icon Asset to your Listing, recommended colours will be added to your custom theme options. These recommendations are based on colours detected in the image(s) you have added. This assist in selecting colours that harmonise with the provided assets.

Why can't I choose my own colours?

Custom, brand-specific colours are added to your Custom Theme when your platform app and account are set up. Custom options are limited to retina-screen compatible colours (vibrant, pastels, theme, and recommended colours).

Icons: Best Practice

If you don't use Marketplace to find icon images, you can also design your own icon.

Good Icon Examples

Simple, clear, relevant

Bad Icon Examples

Too white, pixelated, bad contrast, distorted icon, illegible text

My custom font is not working

Custom fonts can only be applied if you have selected the Custom Theme.

Last updated