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.
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 CTA color determines:
|   |
 Primary Variant color determines:
|  |
 On Primary color determines:
| |
Supporting Brand Colors | UI samples |
|---|---|
 Secondary color determines:
|  |
 Secondary Variant color determines:
| |
 On Secondary color determines:
|
Neutral Colors | UI samples |
|---|---|
 Background color determines:
|    |
 Background Variant color determines:
|   |
 On Background Main color determines:
|  |
 On Background Dimmed color determines:
|  |
 Surface color determines:
|    |
 On Surface color determines:
| |
 Control color determines:
|   |
 On Control Main color determines:
| |
 On Control Dimmed color determines:
|
Functional Colors | UI samples |
|---|---|
 Info color determines:
|   |
 On Info color determines:
| |
 Success Light color determines:
|  |
 On Success Light color determines:
| |
 Success Dark color determines:
|  |
 On Success Dark color determines:
| |
 Error Light color determines:
|  |
 On Error Light color determines:
| |
 Error Dark color determines:
|  |
 On Error Dark color determines:
| |
 Attention color determines:
|  |
 On Attention color determines:
| |
 Attention Variant color determines:
|    |
 On Attention Variant color determines:
|
Always ensure that background colors are paired with text colors in a way that fulfills accessibility requirements.
Do you need any help? Unique offers expert support in color customization, to help you ensure that your Corporate Identity will be matched in the FinanceGPT UI.
Logos
There are 2 logos to be added, in PNG format.
Logo Type | UI Reference |
|---|---|
Logo Navbar | Sidebar Navigation  |
Logo Header | Top Navigation in desktop and mobile  |
Make sure that the color of your logos has a good contrast against the background colors.
Fonts
To customize the fonts, upload your Corporate font(s) in any supported format (.WOFF, .TTF, .OTF). For each upload, specify Font Family (eg. Times New Roman), Font Weight (eg. Regular, Bold…), and Font Style (Sans-serif or Serif)
After that, assign the desired font to each item of the typographic scale, as shown in the GIF below.
title-l
title-s
subtitle-1
subtitle-2
body-1
body-2
overline-text
It is possible to upload and utilize more than one font, based on your CI.
Custom Naming
Each Corporate client is invited to choose a custom name for the FinanceGPT tool.
This name becomes an integral part of the tool’s identity as, within the organization, all employees will refer to it accordingly.
Go to the “Tab name in browser” section and type the chosen tool name.
After the configuration, this name will appear as the App’s name in the Browser Tab.
Support Email
To facilitate issues management, provide a contact in the “Support email” section.
Throughout the platform, this Email will be linked to:
Help menu
Error pages
If a user clicks on this “Support Email”, their Email tool will open, preset to the designated Support Contact.
Help Center Link
This configuration allows you to establish a user path to your Help Center.
Once configured, the Help Center link will be accessible, throughout the platform, from the Help menu.
Author |
|---|