Setting Up Platform Branding
Overview
This guide walks you through setting up your platform's visual branding, including colours, logos, banners, and company details. A well-configured brand creates a cohesive experience that feels like home for your learners.
Accessing Branding Settings
Navigate to Settings → Branding from the sidebar to access all branding options.
Setting Up Logos
Navigation Logo
The navigation logo appears in the top-left corner of the platform, visible on every page.
To upload your navigation logo:
Go to Settings → Branding → Logos
Under Navigation Logo, click Choose image
Select your logo file
Click Save
Requirements:
Format: PNG or SVG
Dimensions: 669 x 162 pixels exactly
Background: Transparent (recommended for best results against your navigation colour)
Square Logo
The square logo appears on content tiles created by your company and in the account switcher.
To upload your square logo:
Go to Settings → Branding → Logos
Under Logo, click Choose image
Select your logo file
Click Save
Requirements:
Format: JPG or PNG
Dimensions: Minimum 82 x 82 pixels (or multiples thereof)
Shape: Square (non-square images will appear stretched)
Configuring Company Details
Navigate to Settings → Branding → Details to set up your company information that appears on the platform.
Platform Name
Set the name that appears for your company throughout the platform.
Maximum 40 characters
This name appears in the hero section (if enabled)
Company Description
Add a short description that appears alongside your company name in the hero section.
Maximum 100 characters
Keep it concise and welcoming
Hero Section Display
Tick the box 'Show company name and description in hero section' to display your company name and description prominently on the home page.
Sign Up Page Title
If sign-up is enabled for your platform, you can customise the title that appears on the sign-up page.
Configuring Platform Colours
Navigate to Settings → Branding → Colours to customise your colour scheme.
Button Colours
Button colour – The background colour of primary buttons throughout the platform
Button text colour – The text colour on buttons (ensure sufficient contrast for readability)
Navigation Colours
Navigation background – The background colour of the top navigation bar
Navigation text – The colour of text and icons in the navigation
Navigation highlight – The accent colour when navigation items are active or hovered
Sub-Navigation
Tab highlight colour – The underline colour that indicates the active tab in sub-navigation menus
Footer Colours
Footer background – The background colour of the page footer
Footer text – The colour of text and links in the footer
Background Colour (Beta)
Background colour – Customise backgrounds on non-content pages while maintaining white backgrounds on content pages for accessibility
💡 Tip: We recommend light colours as some text appears directly on the background.
Accessibility Checker
Learn Amp includes a built-in accessibility checker that evaluates your colour choices against WCAG guidelines. This helps ensure your branding is inclusive for users with colour contrast requirements. You can check compliance at A, AA, or AAA levels.
Setting Up Banners
Navigate to Settings → Branding → Banners to customise header images for different sections.
Available banner locations:
Home
Activities
Library
Discover
Events
Exercises
Quizzes
Surveys
Skills
Objectives
Tasks
1-to-1s
People
CPD
User profile
Manage content
For each banner, you can set:
Image – The background image for that section's header
Text colour – The colour of text overlaid on the banner (choose for contrast)
Requirements:
Format: JPG or PNG
Dimensions: 1300 x 298 pixels
Note: Banners may appear differently based on screen width—test on multiple devices
Setting Content Defaults
Navigate to Settings → Branding → Content to set defaults for content appearance.
Default Tile Image
Set a fallback image that displays on content (Items, Events, Assessments) when no custom image is uploaded.
Requirements:
Format: JPG or PNG
Dimensions: 524 x 306 pixels
Learnlist Sidebar Colour
Set the colour of the sidebar that appears when users open a Learnlist.
Pre-requisites
Role Requirements
Action | Required Roles |
|---|---|
Configure platform branding | Owner, Admin |
Upload logos and banners | Owner, Admin |
Change colour settings | Owner, Admin |
Configure company details | Owner, Admin |
Tips for Success
Prepare assets in advance – Have your logos and banners ready in the correct dimensions before starting
Test on multiple devices – Banners and colours may appear differently on various screens
Consider accessibility – Use the built-in checker to ensure your colour choices work for all users
Use transparent logos – Logos with transparent backgrounds blend better with your navigation colours
Keep banners simple – Avoid busy images that compete with overlay text
Match your hero section – If using the hero section, ensure your company name and description complement your branding