Gamification UI skinning

The gamification UI can be changed according to the color scheme provided by Client.

Example of ‘black/red’ color theme

Note that there are some limitations and possibilities in what can be changed:

1. We have ±10 main colors for the UI that can be changed, all other colors are derivatives from the main set colors. This means they are the result of changing opacity or brightness.

2. The layout of the widget is fixed - there is no possibility to make the header bigger or move the menu to the right. Sizes and positions of all visual elements and texts are fixed as in reference design.

3. Images for menu items, icons for the winning positions in leaderboards, “no result” icons, icons for different activities can be changed according to the Clients’ vision.

Example of images that are part of the theme. For the up-to-date archive of images and size specifications please contact your account manager.

You can get the latest package with reference images in the file below.

You will need to provide the package with exactly the same names of files and sizes of the images.

962KB
widget_images.zip
archive
Example of ‘purple’ color scheme
Example of ‘green’ theme
Example of ‘classic light’ theme

Last updated

Change request #417: