# Brand editor

{% hint style="success" %}
**Access Type**: Brand Manager - Editor
{% endhint %}

A brand is a centralized configuration of your brand identity and theme that is then disseminated to all widgets within a consent flow. In this article, we will cover the available option within the brand editor

{% hint style="warning" %}
**Note**: Any saved brand edits will need to be reviewed and published from within the consent flow to be reflected in widgets on your websites and/or apps.
{% endhint %}

Click **Branding** in the left-hand panel. 

<figure><img src="https://1825037175-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNDxbAdc00ce6bH5u1urh%2Fuploads%2FWctDgOYRTUjgHetvLNjM%2FScreenshot%202026-02-13%20at%2010.23.17%E2%80%AFAM.png?alt=media&#x26;token=2b9a4636-a6aa-4de5-9c02-889dc3de1ee5" alt="" width="563"><figcaption></figcaption></figure>

Create a [new brand](https://docs.didomi.io/moIvfcA7NSpjmwGZ7dzv/brand-manager/manage-brands/create-new-brand) or [edit](https://docs.didomi.io/moIvfcA7NSpjmwGZ7dzv/brand-manager/manage-brands/edit-brand) an existing brand.

<figure><img src="https://1825037175-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNDxbAdc00ce6bH5u1urh%2Fuploads%2FADs9dsAcxkI7y7Chdx3N%2FScreenshot_2026-02-11_at_8_15_16%E2%80%AFAM.jpg?alt=media&#x26;token=dffd2e3c-5c88-4214-b6d3-1f2a3fb9e59b" alt="" width="563"><figcaption></figcaption></figure>

Use the provided tabs to navigate the different parts that need to be edited. Brand configuration is divided into two parts:

* [Brand profile](#brand-profile)
* [Brand theme](#brand-theme)

<figure><img src="https://1825037175-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNDxbAdc00ce6bH5u1urh%2Fuploads%2FxJM9OYU8QEmALWaeuo5k%2FScreenshot%202026-02-09%20at%204.33.46%E2%80%AFPM.png?alt=media&#x26;token=a21875cd-7e79-42ce-b5e6-745f87b06455" alt="" width="563"><figcaption></figcaption></figure>

{% tabs %}
{% tab title="Brand profile" %}
The brand profile tab allows your organization to configure non-design elements for the brand. Review the table below for the different sections of the brand profile tab:

<table><thead><tr><th width="231">Section</th><th>Description</th></tr></thead><tbody><tr><td>Global information</td><td>Input general information about the brand like the company's name, country, and privacy policy URL</td></tr><tr><td>Brand logo</td><td>Add the brand's hosted logo (URL) and alternative text (alt text)</td></tr><tr><td>Responsive breakpoints</td><td>A responsive breakpoint is a specific screen width where the widget's layout will change in order to better fit the device on which it is viewed. <br><br>Use the provided fields to input the desired responsive breakpoint for the different predefined screen sizes.</td></tr></tbody></table>

<figure><img src="https://1825037175-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNDxbAdc00ce6bH5u1urh%2Fuploads%2F1k1vmoyNheH1Oi7qCicP%2FScreenshot%202026-02-27%20at%207.03.47%E2%80%AFAM.png?alt=media&#x26;token=9dd8efe4-a32a-4b1b-9a56-5bb4aa778524" alt="" width="563"><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Brand theme" %}
The brand theme tab allows your organization to configure design elements for the brand which will be applied to all widgets within a consent flow. Review the table below for the different sections of the brand theme tab:

{% hint style="info" %}
A preview window within the tab will provide an example that reflects your brand theme configuration.
{% endhint %}

<table><thead><tr><th width="212">Section</th><th>Description</th></tr></thead><tbody><tr><td>Font</td><td>Configure the font family, weight, line height, and letter spacing for the brand's widgets. These settings can be configured globally or per level in the typographic hierarchy system.</td></tr><tr><td>Colors</td><td>Configure the color palette for text, buttons, tabs, focus, etc... for the brand's widgets.</td></tr><tr><td>Borders &#x26; Dividers</td><td>Configure the weight and style of border and dividers for the brand's widgets.</td></tr><tr><td>Radius</td><td>Configure the radius of buttons, toggles, fields, and containers to adjust their roundness for the brand's widgets.</td></tr><tr><td>Spacing</td><td>Configure the padding, margin, and spacing of elements within the brand's widgets</td></tr><tr><td>Layout</td><td>Configure settings (e.g. type and style) for buttons, links and tags. <br><br><mark style="background-color:$warning;"><strong>Note</strong>: Add the hosted icon (URL) for Functional icons.</mark></td></tr></tbody></table>

<figure><img src="https://1825037175-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNDxbAdc00ce6bH5u1urh%2Fuploads%2Fwf5XaengTbDxIzvQL2ng%2FScreenshot%202026-02-10%20at%206.08.51%E2%80%AFAM.png?alt=media&#x26;token=4a87f199-b883-4d94-85f7-df539b4e3cd5" alt="" width="446"><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}