# Brand Settings

## Brand Settings Guide

In this article, we explain the process of the **Brand Settings** customisation. Through brand settings, you may customise the student portal. You can upload your company’s logo and set the colours to match your organisation’s profile.

{% embed url="<https://vimeo.com/icsi/brandsettings?share=copy>" %}

&#x20;

**1.** To **change** the **background** “branding” colour, click on the box that contains the hex colour code (**ex. 1e1e2d**):

![](https://787872742-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdbDWFUV8KfahpvaDhzuK%2Fuploads%2FdcJxRseLnWFVfoBfq161%2FBrand_Settings_1.png?alt=media\&token=d8380829-6147-4f16-be89-a3feb55afe18)

**2.** Select any colour that you like from the canvas and click **Choose** to proceed or **Cancel** to drop the change.

![](https://787872742-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdbDWFUV8KfahpvaDhzuK%2Fuploads%2FaFqO9NDqkDbw5zVFGfUE%2FBrand_Settings_2.png?alt=media\&token=552d390c-780f-4928-8f3e-2e43883aa727)

**3.** To change the **Company Logo** image, click on the indicated option shown in the following screenshot:

![](https://787872742-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdbDWFUV8KfahpvaDhzuK%2Fuploads%2FjHHPoIhWZVqranlawE4r%2FBrand_Settings_3.png?alt=media\&token=8b412972-5b36-4998-a184-3c89395d4e22)

You may select an image of your likes, as long as its size does not exceed the cap of **512 KB.**

&#x20;

**4.** On the right-hand side, you can find a preview of the result:

![](https://787872742-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdbDWFUV8KfahpvaDhzuK%2Fuploads%2FZm4RoEQVh8yRHwrwvbnH%2FBrand_Settings_4.png?alt=media\&token=2f95532a-a63d-4a25-8dbd-25a675b08825)

**5.** Finally, make sure that you click on **Save** to apply the changes:

![](https://787872742-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdbDWFUV8KfahpvaDhzuK%2Fuploads%2FQswW4yljt7Vsi6cXK7Hg%2FBrand_Settings_5.png?alt=media\&token=1b01147b-fca1-49d5-862f-57d024f4e641)

**6.** From the **user portal,** this is how it looks like:

![](https://787872742-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdbDWFUV8KfahpvaDhzuK%2Fuploads%2FZb4qVCOH1cy0ftLIx4AV%2FBrand_Settings_6.png?alt=media\&token=2ecb23c8-1ff7-4517-98d3-e89c1558b380)

**7.** Let’s change it for demonstration purposes:

![](https://787872742-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdbDWFUV8KfahpvaDhzuK%2Fuploads%2FUlDaUvrbVuivjSvdX1tf%2FBrand_Settings_7.png?alt=media\&token=3c33e081-6699-45e3-96cb-35cb019c41dd)

**8.** As we can see, the settings have been updated successfully!

![](https://787872742-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdbDWFUV8KfahpvaDhzuK%2Fuploads%2Fe3N2Jyecl9ywMdqQESk2%2FBrand_Settings_8.png?alt=media\&token=6e434dca-4086-46e5-9787-bc1a23d4172e)

![](https://787872742-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdbDWFUV8KfahpvaDhzuK%2Fuploads%2FKEhJrt6911LtaAfbT4nP%2FBrand_Settings_9.png?alt=media\&token=610ffd5c-cca3-48c0-98de-4aef4212f747)