# Éditeur de marque

{% hint style="success" %}
**Type d'accès**: Responsable de marque - Éditeur
{% endhint %}

Une marque est une configuration centralisée de votre identité et thème de marque qui est ensuite diffusée à tous les widgets d'un flux de consentement. Dans cet article, nous couvrirons les options disponibles dans l'éditeur de marque

{% hint style="warning" %}
**Remarque**: Toute modification de marque enregistrée devra être examinée et publiée depuis le flux de consentement pour être reflétée dans les widgets de vos sites Web et/ou applications.
{% endhint %}

Cliquez **Branding** dans le panneau de gauche. 

<figure><img src="https://1244787492-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>

Créez une [nouvelle marque](https://docs.didomi.io/moIvfcA7NSpjmwGZ7dzv/fr/gestionnaire-de-marques/gerer-les-marques/creer-une-nouvelle-marque) ou [modifiez](https://docs.didomi.io/moIvfcA7NSpjmwGZ7dzv/fr/gestionnaire-de-marques/gerer-les-marques/modifier-la-marque) une marque existante.

<figure><img src="https://1244787492-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>

Utilisez les onglets fournis pour naviguer entre les différentes parties à modifier. La configuration de la marque est divisée en deux parties :

* [Profil de la marque](#brand-profile)
* [Thème de la marque](#brand-theme)

<figure><img src="https://1244787492-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="Profil de la marque" %}
L'onglet profil de la marque permet à votre organisation de configurer les éléments non liés au design de la marque. Consultez le tableau ci-dessous pour les différentes sections de l'onglet profil de la marque :

<table><thead><tr><th width="231">Section</th><th>Description</th></tr></thead><tbody><tr><td>Informations globales</td><td>Saisissez des informations générales sur la marque comme le nom de l'entreprise, le pays et l'URL de la politique de confidentialité</td></tr><tr><td>Logo de la marque</td><td>Ajoutez le logo hébergé de la marque (URL) et le texte alternatif (texte alt)</td></tr><tr><td>Points de rupture réactifs</td><td>Un point de rupture réactif est une largeur d'écran spécifique où la mise en page du widget changera afin de mieux s'adapter à l'appareil sur lequel il est consulté. <br><br>Utilisez les champs fournis pour saisir le point de rupture réactif souhaité pour les différentes tailles d'écran prédéfinies.</td></tr></tbody></table>

<figure><img src="https://1244787492-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="Thème de la marque" %}
L'onglet thème de la marque permet à votre organisation de configurer les éléments de conception de la marque qui seront appliqués à tous les widgets d'un flux de consentement. Consultez le tableau ci-dessous pour les différentes sections de l'onglet thème de la marque :

{% hint style="info" %}
Une fenêtre d'aperçu dans l'onglet fournira un exemple qui reflète la configuration du thème de votre marque.
{% endhint %}

<table><thead><tr><th width="212">Section</th><th>Description</th></tr></thead><tbody><tr><td>Police</td><td>Configurez la famille de polices, le poids, la hauteur de ligne et l'espacement des lettres pour les widgets de la marque. Ces paramètres peuvent être configurés globalement ou par niveau dans le système hiérarchique typographique.</td></tr><tr><td>Couleurs</td><td>Configurez la palette de couleurs pour le texte, les boutons, les onglets, le focus, etc. pour les widgets de la marque.</td></tr><tr><td>Bordures et séparateurs</td><td>Configurez l'épaisseur et le style des bordures et des séparateurs pour les widgets de la marque.</td></tr><tr><td>Rayon</td><td>Configurez le rayon des boutons, commutateurs, champs et conteneurs pour ajuster leur arrondi pour les widgets de la marque.</td></tr><tr><td>Espacement</td><td>Configurez le padding, la marge et l'espacement des éléments au sein des widgets de la marque</td></tr><tr><td>Mise en page</td><td>Configurez les paramètres (par ex. type et style) pour les boutons, liens et étiquettes. <br><br><mark style="color:par défaut;background-color:$warning;"><strong>Remarque</strong>: Ajoutez l'icône hébergée (URL) pour les icônes fonctionnelles.</mark></td></tr></tbody></table>

<figure><img src="https://1244787492-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 %}