> ## Documentation Index
> Fetch the complete documentation index at: https://docs.qwoty.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Personnaliser votre kit de marque

> Faites correspondre vos devis et Dealrooms à votre marque avec des polices, des couleurs et votre logo personnalisés.

Votre kit de marque détermine l'apparence des devis et des Dealrooms pour vos acheteurs — polices, couleurs, style des boutons, blocs de contenu et logo. Un kit de marque soigné transforme un devis générique en un document qui vous ressemble de façon reconnaissable.

**Durée :** \~15 minutes
**Emplacement :** le kit de marque est une section de votre unité commerciale, et non une page séparée.

<Info>
  Ce guide se concentre sur la personnalisation visuelle. Pour le formulaire complet de l'unité commerciale (entité juridique, numéros de TVA, identifiants), consultez [Unités commerciales](/user-guide/settings/workspace/business-units).
</Info>

## Avant de commencer

Vous aurez besoin de :

* Votre **logo** au format PNG, JPEG, PJG, WEBP ou GIF (10 Mo maximum)
* Vos **couleurs de marque** au format hexadécimal (par exemple, `#0066FF`)
* Optionnellement, une **police** préférée pour les titres (Qwoty inclut les polices web courantes)

<Tip>
  Si votre designer dispose d'un document de charte graphique, gardez-le ouvert dans un onglet — vous y copierez les codes hexadécimaux et les noms de polices au fur et à mesure.
</Tip>

## Ouvrir votre kit de marque

Une unité commerciale par défaut est créée automatiquement lors de l'inscription. Vous configurez son kit de marque dans les Paramètres.

<Steps>
  <Step title="Ouvrir les Paramètres">
    Dans la barre latérale gauche, cliquez sur **Paramètres**.
  </Step>

  <Step title="Accéder aux Unités commerciales">
    Dans la section **Espace de travail**, cliquez sur **Unités commerciales**.
  </Step>

  <Step title="Ouvrir votre unité commerciale">
    Cliquez sur votre unité commerciale par défaut pour ouvrir son formulaire de configuration.
  </Step>

  <Step title="Faire défiler jusqu'à la section Kit de marque">
    Le formulaire comporte quatre sections — faites défiler jusqu'à **Kit de marque** pour commencer à personnaliser votre identité visuelle.
  </Step>
</Steps>

## Configurer l'aperçu en direct avant de modifier

Avant de commencer à modifier les couleurs et les polices, ouvrez l'un de vos devis dans une fenêtre de navigateur distincte. Chaque fois que vous enregistrez des modifications dans le kit de marque, actualisez la fenêtre du devis pour voir vos mises à jour appliquées en temps réel.

<Steps>
  <Step title="Ouvrir un devis existant">
    Dans une nouvelle fenêtre ou un nouvel onglet du navigateur, accédez à **Projets → Devis** et ouvrez n'importe quel devis en brouillon. Si vous n'en avez pas encore, créez un devis de test rapide avec un seul article.
  </Step>

  <Step title="Positionner les fenêtres côte à côte">
    Disposez les deux fenêtres de façon à voir les deux en même temps : le formulaire du kit de marque d'un côté, le devis de l'autre. Le mode écran partagé fonctionne bien sur un seul moniteur.
  </Step>

  <Step title="Actualiser après chaque enregistrement">
    Chaque fois que vous cliquez sur **Enregistrer** dans le kit de marque, actualisez la fenêtre du devis. Les nouvelles couleurs, polices et logo s'appliquent instantanément.
  </Step>
</Steps>

<Tip>
  Ce flux de travail avec aperçu en direct vous évite de modifier des valeurs à l'aveugle, d'enregistrer, de naviguer vers un devis, de revenir en arrière, et ainsi de suite. Vous voyez le résultat de chaque modification en quelques secondes.
</Tip>

## Personnaliser les polices et les couleurs

Le kit de marque se divise en trois groupes de styles : thème, boutons et blocs. Ajustez-les dans cet ordre — le thème en premier pose les bases, les boutons et les blocs affinent les détails.

### Thème

Le thème contrôle l'apparence de base de chaque page de devis et de Dealroom.

* **Police du titre** — famille de polices pour les titres. `Poppins` est une valeur par défaut moderne et épurée. Utilisez une police qui correspond à vos autres supports de marque.
* **Couleur d'arrière-plan du thème** — l'arrière-plan principal de la page. La plupart des marques utilisent le blanc (`#FFFFFF`) ou un gris très clair.
* **Couleur de texte du thème** — la couleur de texte par défaut. Le noir (`#000000`) ou un gris très foncé offre la meilleure lisibilité.

### Boutons

Les boutons s'affichent lorsque les acheteurs approuvent, commentent ou signent des devis dans le Dealroom.

* **Couleur d'arrière-plan du bouton** — couleur de remplissage des boutons. Souvent votre couleur de marque principale.
* **Couleur de texte du bouton** — couleur du texte à l'intérieur des boutons. Assurez-vous qu'elle contraste fortement avec l'arrière-plan.
* **Coins du bouton** — définit l'arrondi des coins. Choisissez **Aucun** pour des coins nets, ou sélectionnez une option arrondie pour un aspect plus doux.

### Blocs

Les blocs sont les zones de contenu qui regroupent les articles du devis, les conditions et les signatures.

* **Contour du bloc** — style de bordure autour de chaque bloc (aucun, fin, épais)
* **Couleur du contour du bloc** — couleur de la bordure
* **Coins du bloc** — arrondi des coins des blocs (correspond à votre esthétique globale)
* **Ombre du bloc** — style d'ombre portée pour plus de profondeur

<Note>
  Si vous souhaitez recommencer à zéro, cliquez sur **Réinitialiser** en haut de la section Kit de marque pour revenir aux valeurs par défaut de Qwoty.
</Note>

## Télécharger votre logo

Le logo apparaît en haut de chaque devis et Dealroom.

<Steps>
  <Step title="Cliquer sur Télécharger un fichier dans la section Logo">
    Faites glisser un fichier directement dans la zone de téléchargement ou cliquez sur **Sélectionner des fichiers existants** pour choisir depuis votre médiathèque.
  </Step>

  <Step title="Vérifier les exigences">
    * **Formats :** PNG, JPEG, PJG, WEBP, GIF
    * **Taille maximale :** 10 Mo
    * **Dimensions recommandées :** hauteur max 50 px, largeur max 150 px
    * **Affichage :** les images sont rendues à leur taille d'origine, redimensionnez donc votre fichier avant le téléchargement
  </Step>

  <Step title="Vérifier dans votre aperçu en direct">
    Actualisez la fenêtre du devis pour confirmer que le logo s'affiche correctement en haut du document. S'il semble pixelisé ou trop grand, téléchargez un fichier plus petit et de meilleure résolution.
  </Step>
</Steps>

<Warning>
  Évitez de télécharger un logo plus grand que les 50 × 150 px recommandés. Étant donné que les images s'affichent à leur taille d'origine, les fichiers trop grands encombrent l'en-tête du devis et repoussent le contenu vers le bas.
</Warning>

## Enregistrer et vérifier

<Steps>
  <Step title="Cliquer sur Enregistrer">
    En bas du formulaire, cliquez sur **Enregistrer** pour appliquer votre kit de marque.
  </Step>

  <Step title="Actualiser votre aperçu en direct">
    Passez à la fenêtre du devis et actualisez. Toutes vos modifications — polices, couleurs, logo — doivent apparaître simultanément.
  </Step>

  <Step title="Tester la vue Dealroom">
    Cliquez sur **Publier** sur le devis (ou ouvrez un devis déjà publié) pour voir le Dealroom côté acheteur. Le kit de marque s'applique ici aussi.

    <Check>
      Votre unité commerciale est désormais personnalisée à votre marque. Chaque nouveau devis et Dealroom utilisera automatiquement cette apparence.
    </Check>
  </Step>
</Steps>

## Prochaines étapes

Vous avez personnalisé l'apparence. Utilisez-la maintenant pour créer quelque chose de concret.

<CardGroup cols={2}>
  <Card title="Envoyer votre premier devis" icon="file-invoice-dollar" href="/getting-started/setup/first-quote">
    Créez votre premier devis et voyez votre marque en direct dans un Dealroom.
  </Card>

  <Card title="Unités commerciales (référence complète)" icon="building" href="/user-guide/settings/workspace/business-units">
    Configurez les numéros de TVA, les détails de l'entité juridique et les identifiants externes.
  </Card>

  <Card title="Modèles" icon="clone" href="/user-guide/templates/introduction">
    Liez votre unité commerciale à des modèles pour que les devis héritent de la marque.
  </Card>

  <Card title="Connecter votre CRM" icon="plug" href="/getting-started/setup/connect-crm">
    Synchronisez vos clients et vos opportunités avant de passer à l'échelle.
  </Card>
</CardGroup>