Gamification UI skinning

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

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

  1. The UI colors are customizable to suit your preferences. We provide a 'Gamification Color Template' in Figma, containing all the available color options. Once you receive the file, adjust the colors according to your liking, and send it back to us. We'll apply the updated colors to your gamification interface.

Please contact your Customer Success Manager about the Gamification Color Template in Figma!

Please when returning the already adjusted Figma document:

  • Share it with: creative@smartico.ai

  • Share it as: 'Can edit' permissions

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

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

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.

  • Predefined Menu Sections Icons - the icons that are placed in the left-hand navigation menu for the predefined sections.

  • Inbox icons - the icons that are placed inside the Inbox section

Here are some examples of Gamification Widget skins with different icons and colors.

Last updated