/
Style Unique FinanceGPT to your Corporate Identity

Style Unique FinanceGPT to your Corporate Identity

Unique FinanceGPT offers broad choices to customize the entire Platform UI to your Corporate Identity, including styling and general settings.

These controls can be accessed by adding /theme to your company’s Unique URL: eg. next.unique.app/theme.

Theming.gif

Your Guide to Customization Options

This article will guide you through all possible customizations and how they reflect in the platform:

Colors

There are 29 colors to be configured by adding HEX codes (eg. #1FB7EA) representing your Brand Guidelines.
Explore the tables below to learn which colors affect which UI components across the platform.

Primary Brand Colors

UI samples

Primary Brand Colors

UI samples

Group 994.png

Primary CTA color determines:

  • Primary buttons

  • Links

  • Key actions elements that need attention

 

Primary Variant color determines:

  • Hover status of the Primary buttons and links

 

On Primary color determines:

  • Text/icon color on top of Primary CTA Color

Supporting Brand Colors

UI samples

Supporting Brand Colors

UI samples

Secondary color determines:

  • Level 2 of the Sidebar Navigation (section items)

Secondary Variant color determines:

  • Level 1 of the Sidebar Navigation (icons bar)

On Secondary color determines:

  • Text/icon color on top of Secondary Color

Neutral Colors

UI samples

Neutral Colors

UI samples

Background color determines:

  • Page background color option

  • Secondary buttons

  • Modals background color

Background Variant color determines:

  • Label background

  • Secondary buttons hover

On Background Main color determines:

  • Text/icon color on top of the Background color or buttons hover

On Background Dimmed color determines:

  • A lighter text/icon color option for supporting information

 

 

Surface color determines:

  • Header, cards background, main reading surfaces

 

 

 

 

On Surface color determines:

  • Text/icon color on top of the Surface color

Control color determines:

  • Outline of input fields

 

 

 

On Control Main color determines:

  • Text in input fields

On Control Dimmed color determines:

  • Helper text in input fields

Functional Colors

UI samples

Functional Colors