SmartHub - Manage Your Programme's Logos and Color

Introduction 

In this article, you will learn how to change your programme's logo and colors. This article also includes information on how to delete a logo. This article is useful for members who are updating branding on their programme. 

Overview 

The Branding & Colors page is available for people with the SmartHub Administrators role, via the Manage My Programme section in Reward Manager (Administration Portal).

The page allows you to change the main color scheme of your Programme as well as both your Programme and Company logo.

Your Programme logo appears in the header of your Platform and in the header of your Administration Portal, and in other areas like email communications with your members. Your Company logo appears in the footer of your Platform. The main Programme color appears in your Platform's navigation bar, the Icons and other areas within SmartHub.

Changing Your Programme Color

The color editor allows you to change the main color of your platform in 2 ways:

• Via HEX color codes and RGB color codes
• Or via a color picker

To change the color via HEX or RGB codes, simple type or copy and paste the values in the relevant fields. 

Note: There are restrictions in place to ensure that the values entered in the color fields are accurate.

The color picker comprises of two elements: 

1. A color slider, that allows you to select the hue of your color
2. A square color range, where you can pick the saturation or lightness of your color

To change the color using the color picker, use the hue bar and color range selectors until you reach the required color. And always remember to click Save to publish your changes! You can also Discard changes, to start again.

Changing Your Programme or Company Logo

You will find two versions of both your Programme and Company or Brand logo:

• An SVG (Scalable Vector Graphics) version
• And a JPEG or PNG version, 1050 x 300 pixels

Note: Both versions are required and essential for the optimal experience of your members!

To change a logo, you must replace any image that is currently in place by either dragging & dropping your new file or browsing and selecting it from your computer. 

A preview will instantly appear to verify your action. When you are happy with your changes, click Save. You can also Discard changes, to start again.

Note: If any version of the logo is currently missing, an empty placeholder image will appear in their place.

What if I Need to Just Delete a Logo?

You can delete a logo by clicking the remove logo button. Please note that this action takes effect immediately and cannot be undone. 

Note: To ensure the optimal experience for your members, you should add replacement logos as soon as possible!