> For the complete documentation index, see [llms.txt](https://partner.wotnot.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://partner.wotnot.io/portal/branding.md).

# Branding

To change the branding of your instance, you can follow the following steps: 

* Login into your admin account
* Go to ‘Settings’
* Go to ‘Branding’ to change the branding of your instance

## Branding

* **Product Name**:\
  This name will be used across all areas of the whitelabel where product name is needed<br>
* **Full Logo (With Wordmark):**\
  This logo will appear on the login and sign up pages.<br>
* **Full Logo (Without Wordmark):**\
  This logo will appear on the navigation bar<br>
* **Favourite Icon:**\
  This logo will appear on the browser tab

{% hint style="info" %}
All the logos need to be in a .svg file.&#x20;

Please wait for 15 minutes once all the logos are updated for it to reflect across platform
{% endhint %}

## Links

Provide all your social media links of your social media profile like Facebook, Youtube, Instagram, Twitter, LinkedIn\ <br>

## Colours:

* **Accent:**\
  Provide Hex colour code for primary, secondary and dark options. This will be applied to your instance.<br>
* **Text:**\
  Provide Hex colour code for primary, secondary and tertiary options. This will be applied to the text across the platform.<br>
* **Neutral:**\
  Provide Hex colour code for Grey, Light Grey, Lightest Grey, Dark Grey options. This will be applied across your instance.<br>
* **Success:**\
  Provide Hex colour code for primary & secondary options. This will display the success text on the platform in colour configured.<br>
* **Failure:**\
  Provide Hex colour code for primary & secondary options. This will display the failure text on the platform in colour configured.\ <br>
* **Warning:**\
  Provide Hex colour code for primary & secondary options. This will display the warning text on the platform in colour configured.\ <br>

## Typography:

* **Heading:**\
  Select the type of fonts, style of fonts, and size of the fonts that will be applied to different headings in your instance.\ <br>
* **Body:**\
  Select the type of fonts, style of the fonts and the size of the fonts that will be applied to the body in your instance.<br>

{% hint style="info" %}
Be default, we display only supported Google fonts.

To request for a new font, create a ticket.
{% endhint %}

## Sign Up Illustration:

To change the instance sign-up page, you only need to change the HTML code.\
\
You can make following changes in the HTML code:&#x20;

* Add image to the sign up page
* Add Video or GIFs to sign up page
* Replace the text that will be visible on sign up page