# 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="/files/IyGISPoDTSvvqmwF5VPF" alt="" width="563"><figcaption></figcaption></figure>

Create a [new brand](/brand-manager/manage-brands/create-new-brand.md) or [edit](/brand-manager/manage-brands/edit-brand.md) an existing brand.

<figure><img src="/files/tF6ygJMaA6eHC4fwpMQy" 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="/files/AGcStj1GGSQZryx470vH" 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="/files/sxV9dCU1ex6G3oD6aAlC" 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="/files/F4QJPsl1VaiaFaMuO8vE" alt="" width="446"><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.didomi.io/brand-manager/brand-editor.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.