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

# Paramètres d'interface

> Personnaliser Taliup HQ avec votre nom de plateforme, logo, couleurs et liens de soutien via le Brand Hub.

Le **Brand Hub** (UI Settings) permet aux admins ISO de personnaliser l'identité visuelle de leur instance Taliup HQ. Les changements s'appliquent immédiatement pour tous les utilisateurs sous votre ISO — logo de navigation, couleurs de boutons et de liens, titre d'onglet et liens de soutien dans l'application POS.

<Frame caption="La page Brand Hub avec Brand Identity, Visual Theme, Links & Support et Color Scheme Preview.">
  <img src="https://mintcdn.com/taliup/SsVAURaaLk2iwS-t/images/taliup-hq/ui-settings.png?fit=max&auto=format&n=SsVAURaaLk2iwS-t&q=85&s=275c4ac6e913b786fd40729380388814" alt="Brand Hub avec Platform Name, téléversements de logo et favicon, sélecteurs de couleurs et champs d'URL" width="1001" height="1024" data-path="images/taliup-hq/ui-settings.png" />
</Frame>

***

## Brand Identity

<Frame caption="La section Brand Identity : Platform Name, Platform Logo et Browser Favicon.">
  <img src="https://mintcdn.com/taliup/SsVAURaaLk2iwS-t/images/taliup-hq/ui-settings-brand-identity.png?fit=max&auto=format&n=SsVAURaaLk2iwS-t&q=85&s=dacaf8d274e93cfd454719cb42785ecb" alt="Brand Identity avec Platform Name, zone Upload Logo (200x50 px) et Browser Favicon" width="1024" height="498" data-path="images/taliup-hq/ui-settings-brand-identity.png" />
</Frame>

| Champ               | Notes                                                                                                |
| ------------------- | ---------------------------------------------------------------------------------------------------- |
| **Platform Name**   | Remplace « Taliup » dans l'en-tête et le titre d'onglet. Facultatif — laissez vide pour le défaut.   |
| **Platform Logo**   | Remplace le logo dans la barre de navigation. JPEG, PNG, GIF, SVG. Max 2 Mo. Recommandé : 200×50 px. |
| **Browser Favicon** | Petite icône de l'onglet. PNG, ICO. Max 512 Ko.                                                      |

**Téléverser un fichier** — cliquez la zone pour ouvrir le sélecteur. Un aperçu apparaît tout de suite.

**Retirer un fichier** — survolez l'image et cliquez l'icône poubelle rouge. Si le fichier est déjà enregistré, il est supprimé du serveur tout de suite. S'il vient d'être choisi, il est seulement retiré du formulaire.

***

## Visual Theme

<Frame caption="La section Visual Theme avec sélecteurs Accent, Secondary et Light.">
  <img src="https://mintcdn.com/taliup/SsVAURaaLk2iwS-t/images/taliup-hq/ui-settings-visual-theme.png?fit=max&auto=format&n=SsVAURaaLk2iwS-t&q=85&s=c6d2c981f2452add3e7357c25dd70e70" alt="Visual Theme : Accent Color, 20 pastilles préréglées, Secondary et Light" width="1024" height="672" data-path="images/taliup-hq/ui-settings-visual-theme.png" />
</Frame>

Visual Theme contrôle le schéma à trois niveaux de Taliup HQ :

| Couleur              | Utilisée pour                                                                              |
| -------------------- | ------------------------------------------------------------------------------------------ |
| **Accent (Primary)** | Boutons, liens actifs, surbrillances et accent de navigation. Couleur de marque dominante. |
| **Secondary**        | États de survol, éléments de navigation sélectionnés et UI secondaire.                     |
| **Light**            | Fonds de page, remplissages de cartes et zones d'accent claires.                           |

**Définir une couleur** — cliquez la pastille pour ouvrir le sélecteur natif, ou tapez une valeur hex. Utilisez les 20 pastilles préréglées pour appliquer une couleur sûre.

**Couleurs dérivées** — lorsque vous changez Accent, Secondary et Light sont recalculées automatiquement (75 % et 95 % plus claires). Vous pouvez les remplacer manuellement.

La barre **Color Scheme Preview** à droite se met à jour en temps réel.

***

## Links & Support

<Frame caption="La section Links & Support : Support URL, Privacy Policy URL et Terms of Service URL.">
  <img src="https://mintcdn.com/taliup/SsVAURaaLk2iwS-t/images/taliup-hq/ui-settings-links-support.png?fit=max&auto=format&n=SsVAURaaLk2iwS-t&q=85&s=b7b9d1e327f32c5bfc50e1b7f3e56b99" alt="Links & Support avec Support URL, Privacy Policy URL et Terms of Service URL" width="1024" height="422" data-path="images/taliup-hq/ui-settings-links-support.png" />
</Frame>

Ces URL sont montrées aux marchands et utilisateurs dans l'application POS et dans les courriels générés. Tous les champs sont facultatifs.

| Champ                    | Où il apparaît                                                           |
| ------------------------ | ------------------------------------------------------------------------ |
| **Support URL**          | Lien d'aide dans le pied de page POS et le portail marchand.             |
| **Privacy Policy URL**   | Lien de confidentialité à la création de compte et dans le pied de page. |
| **Terms of Service URL** | Lien des conditions à la connexion et à la configuration.                |

***

## Color Scheme Preview

<Frame caption="La barre Color Scheme Preview avec pastilles Accent, Secondary et Light.">
  <img src="https://mintcdn.com/taliup/SsVAURaaLk2iwS-t/images/taliup-hq/ui-settings-color-preview.png?fit=max&auto=format&n=SsVAURaaLk2iwS-t&q=85&s=786caa0048c5eb4d1a1117134d798180" alt="Color Scheme Preview : Accent, Secondary, Light et une note d'accessibilité WCAG AA" width="846" height="720" data-path="images/taliup-hq/ui-settings-color-preview.png" />
</Frame>

La barre affiche un aperçu en direct avec les valeurs hex. Confirmez que les trois couleurs fonctionnent ensemble avant d'enregistrer.

<Note>
  Assurez-vous que votre couleur Accent a un contraste suffisant avec le texte blanc pour WCAG AA (ratio minimum 4,5:1). Un accent trop pâle rend les boutons et liens difficiles à lire.
</Note>

***

## Enregistrer et réinitialiser

| Bouton           | Action                                                                                                                                                             |
| ---------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| **Save Changes** | Enregistre tout. Si un logo ou favicon est en attente, le formulaire envoie d'abord les champs texte, puis le fichier. Une animation d'enregistrement s'affiche.   |
| **Reset**        | Abandonne les modifications non enregistrées et revient aux dernières valeurs enregistrées. Ne touche pas le serveur tant que vous n'avez pas cliqué Save Changes. |
