Spark Branding is key to maintaining visual consistency and appeal with your business branding, used to reinforce the identity and purpose of the training delivered to the user. There are several components, some of which will be managed and set up by your Implementation Manager at Sponge.
| Item | Recommended |
| Main Logo | 300 x 250 pixels |
| Login Page Background Image | 800 x 600 pixels (4:3) |
| Colours | Provide Hex Codes for each option (some restrictions will apply) |
| Folder Tiles | 640 x 480 pixels (4:3) |
| Module Tiles | 640 x 480 pixels (4:3) |
Main Logo
Used: Login Page, Top-Left of Trainee View & Manager View, Header logo on Email Notifications
The logo is displayed across the LMS in various locations and is recommended to be 300 x 250 px in size.
Example Uses:
The Login Page
The Trainee View
Login Page Background Image
Used: Login Page
The background Image is displayed on the Login Page for the LMS, and is recommended to be a 4:3 proportional image at 800 x 600 px. This helps ensure that the image will fit every screen across any device.
Example use:
The Login Page
Colours
Used: Login Page, Trainee Views, Notification Emails
Elements of Spark can be recoloured to better fit your brand.
These elements include link colours, button colours, the background colour of the Trainee view, and the colours representing the stages of training completion.
Restrictions
- The box showing the number of outstanding modules is not affected by branding colour alterations.
White backgrounds are not possible in Spark without causing text to be obscured. A medium to dark background is recommended.
Always make sure to test the user front end when you change the colours to ensure users will have full visibility of all options.
General Layout Colours |
Training Item Status Colours |
| Background colour | Pending Training |
| Links on light background | Complete Training |
| Links on dark background | Overdue Training |
| Buttons |
Background colour:
The Trainee View
Links on Light & Dark backgrounds:
The Trainee View / The Login Page
Buttons:
The Login Page (with SSO enabled)
Pending, Complete, and Overdue Training:
Folder Tiles
Used: Folders In Trainee View
Folders contain Training content, such as documents and modules. Images uploaded for Folders will replace the default tiles.
A Folder in the Trainee View
Module Tiles
Used: Module In Trainee View
Images can be used for modules to give users an idea of the content. A desaturated version is shown when they click the module tile in the LMS.
A Module tile in the Trainee View
Selecting the module tile will flip it over, using the module image as a background.
A flipped Module Tile in the Trainee View