Login Page Branding
Overview
Login page branding allows you to customise the appearance of your platform's login screen. Create a welcoming first impression by adding your own background image and gradient colours that align with your organisation's brand.
A well-designed login page sets the tone for your learners' experience before they even enter the platform.
Accessing Login Page Settings
Navigate to Settings → Branding → Login page from the sidebar.
Customisation Options
Background Image
Upload a full-screen background image that displays on your login page.
To upload a background image:
Go to Settings → Branding → Login page
Click Choose image under Background image
Select your image file
Click Save
Requirements:
Format: JPG or PNG
Resolution: High resolution recommended for crisp display on all screen sizes
💡 Tip: The image will scale to fill the screen, so test on various devices to ensure it displays well.
Gradient Colours
Set gradient colours to create a smooth colour transition on your login page. These colours can be used on their own or as an overlay on your background image.
To set gradient colours:
Go to Settings → Branding → Login page
Set the Gradient start colour (colour at the top of the page)
Set the Gradient end colour (colour at the bottom of the page)
Click Save
💡 Tip: Use colours from your brand palette to create a cohesive look with the rest of your platform.
Removing a Background Image
If you want to remove an existing background image:
Go to Settings → Branding → Login page
Click the delete icon next to the current image preview
Confirm the removal when prompted
Pre-requisites
Role Requirements
Action | Required Roles |
|---|---|
Configure login page branding | Owner, Admin |
Upload background images | Owner, Admin |
Set gradient colours | Owner, Admin |
Remove background images | Owner, Admin |
Tips for Success
Test on multiple devices – Login pages are often viewed on mobile devices and tablets
Consider accessibility – Ensure sufficient contrast between background and any overlay text
Use high-quality images – Low-resolution images may appear pixelated on larger screens
Match your brand – The login page is often the first interaction users have with your platform
Keep it simple – Avoid busy images that may distract from the login form