Learn how to brand the platform for your clients.
Navigating to the logo and colour customisation screen.
Click Administration (1) in the sidebar menu, then select the Settings (2) option and navigate to the Customization(3) tab.
In this screen, you can change the active logos and adjust the application colour scheme to match your bespoke branding.
Changing Logos
Recommended Image Sizes:
(1) Application Logo – Minimum 200px x 100px; Aspect Ratio = 2:1
(2) Login Screen Logo – Minimum 230px x 100px; Aspect Ratio = 2.33:1
(3) Favicon – Minimum 100px x 100px; Aspect Ratio = 1:1
Select Browse or drag the desired image file to the respective logo upload.
Select Upload to upload the logo file to the 6clicks app.
After the upload is complete, make sure to select the Save All button (as seen below) to apply and save the changes.
Your logos should appear in the corresponding parts of 6clicks,
Application Logo (seen on all screens after login)
Login Screen Logo (seen on login page)
Favicon (seen in the associated browser tab)
Changing Colours
1. Click on the colour box corresponding to the section you wish to change.
2. Once selected, a colour palette will appear which allows you to select your desired colours.
The colour palette tool that appears will depend on your computer’s operating system.
Repeat for each colour option you wish to change.
After any changes make sure you click on Save All button (as seen below) to apply and save all changes made.
Resetting All Active Branding
This cannot be undone, so please ensure you wish to completely reset BOTH the active logos and colourway.
1. If you wish to reset the logo AND colour branding that has been applied to your tenant, select the Reset branding button in the top right of the Customization tab.
2. To confirm the tenant branding reset, select the Yes button in the pop-up window.
3. After confirmation, your tenant will revert to the 6clicks default branding.
Understanding how to ‘Apply Your Colour Palette’
Below shows how each colour section, when changed, affects the branding of your local 6clicks instance.
The red boxes in the following in-app screenshots highlight how the colours are rendered for each tenant (each respective section will be coloured in BLUE).
When each colour is changed, this may alter different components across the different app modules.
Login Screen Colour Range
This is only applicable to the login screen.
Primary Colour
Secondary Colour