> ## Documentation Index
> Fetch the complete documentation index at: https://tyk-joancamostyk-patch-19.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Customize Branding

> How to customize the logo, favicon, colors, application title, and CSS in Tyk AI Studio.

## Availability

| Edition                                                                                                                               | Deployment Type      |
| :------------------------------------------------------------------------------------------------------------------------------------ | :------------------- |
| [Community](/ai-management/ai-studio/overview#community-edition) & [Enterprise](/ai-management/ai-studio/overview#enterprise-edition) | Self-Managed, Hybrid |

Tyk AI Studio lets administrators white-label the admin UI and the [AI Portal](/ai-management/ai-studio/ai-portal). You can replace the logo and favicon, set brand colors, change the application title, and add custom CSS. Changes apply system-wide, to every user.

## Customizable Elements

* **Logo**: the header logo. Upload a PNG, JPG, or SVG file up to 2MB.
* **Favicon**: the browser tab icon. Upload an ICO or PNG file up to 100KB.
* **Colors**: the primary, secondary, and background colors. Use hex color codes, such as `#23E2C2`.
* **Application Title**: the title shown in the browser tab. Use up to 50 characters.
* **Custom CSS**: CSS rules that override the default styles.

Tyk AI Studio stores settings such as colors, the application title, and custom CSS in its database. Changes apply to all users after a page refresh.

## Configure Branding (Admin)

Only administrators can change branding settings.

1. Log in to the admin UI as an administrator.
2. Go to **Governance > Branding**.
3. Update the settings you need:
   * Upload a logo or favicon.
   * Set the primary, secondary, or background color.
   * Edit the application title.
   * Expand **Custom CSS (Advanced)**.
   * Add custom CSS rules.
4. Click **Save Changes**.
5. Refresh the page to see the changes.

To restore the default Tyk branding, click **Reset to Defaults**. This also deletes any uploaded logo and favicon files.

<Note>
  Custom CSS gives you full control over the application's appearance. Test your changes carefully before you save them. Bad CSS can break the layout or hide controls. Only use CSS from a source you trust. A CSS rule can load external resources using `url()` or `@import`. A malicious rule can use this to leak page data to an external server.
</Note>

## Asset Storage

Tyk AI Studio stores uploaded logo and favicon files on the file system, not in the database. By default, it saves these files to `./data/branding`.

Use the `BRANDING_STORAGE_PATH` environment variable to change this location:

ENV: <b>BRANDING\_STORAGE\_PATH</b><br />
Type: `string`<br />
Default: `./data/branding`<br />

The directory where Tyk AI Studio stores branding assets, such as the logo and favicon.

In containerized deployments, mount a persistent volume at this path. This keeps your branding assets after a container restart. For example:

```yaml theme={null}
environment:
  - BRANDING_STORAGE_PATH=/custom/path/branding
volumes:
  - ./custom-branding:/custom/path/branding
```

See [Environment Variables](/ai-management/ai-studio/ai-studio-env) for other Tyk AI Studio configuration options.