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

# Personnalisation de Marque

> Personnalisez l'apparence de votre instance CaseBender avec les éléments de marque de votre organisation.

## Aperçu

La section Personnalisation de Marque vous permet de personnaliser l'apparence visuelle de votre instance CaseBender pour correspondre à l'identité de marque de votre organisation. Vous pouvez configurer les couleurs, les logos et d'autres éléments visuels pour créer un aspect cohérent et professionnel sur l'ensemble de votre plateforme d'opérations de sécurité.

<img className="block dark:hidden h-96 object-cover w-full rounded-lg" src="https://mintcdn.com/casebender/RRGoSvw2T8G-a0Id/images/settings/branding/1-dashboard--light.png?fit=max&auto=format&n=RRGoSvw2T8G-a0Id&q=85&s=ca2e81459f5f1bf36b8a33c35cea6f4f" alt="Tableau de bord de Personnalisation - Mode clair" width="2866" height="1722" data-path="images/settings/branding/1-dashboard--light.png" />

<img className="hidden dark:block h-96 object-cover w-full rounded-lg" src="https://mintcdn.com/casebender/RRGoSvw2T8G-a0Id/images/settings/branding/1-dashboard--dark.png?fit=max&auto=format&n=RRGoSvw2T8G-a0Id&q=85&s=a0f763ba112490e98004cffb3e31e8a4" alt="Tableau de bord de Personnalisation - Mode sombre" width="2866" height="1722" data-path="images/settings/branding/1-dashboard--dark.png" />

## Éléments de Marque

### Couleurs Principales

Configurez le schéma de couleurs principal de votre organisation :

<img className="block dark:hidden h-96 object-cover w-full rounded-lg" src="https://mintcdn.com/casebender/RRGoSvw2T8G-a0Id/images/settings/branding/2-primary-colors--light.png?fit=max&auto=format&n=RRGoSvw2T8G-a0Id&q=85&s=0f01d2a1eeeb97779e1e4baf5f625ee2" alt="Couleurs Principales - Mode clair" width="2866" height="1722" data-path="images/settings/branding/2-primary-colors--light.png" />

<img className="hidden dark:block h-96 object-cover w-full rounded-lg" src="https://mintcdn.com/casebender/RRGoSvw2T8G-a0Id/images/settings/branding/2-primary-colors--dark.png?fit=max&auto=format&n=RRGoSvw2T8G-a0Id&q=85&s=760cb759a236d4eab00befd3c037168a" alt="Couleurs Principales - Mode sombre" width="2866" height="1722" data-path="images/settings/branding/2-primary-colors--dark.png" />

Personnalisez les éléments de couleur suivants :

* Couleur principale de la marque
* Couleurs secondaires
* Couleurs d'accent
* Couleurs d'arrière-plan
* Couleurs de texte

## Options de Personnalisation

### Paramètres de Logo

* Télécharger le logo de l'organisation
* Définir les dimensions du logo
* Configurer le placement
* Définir les règles de visibilité
* Variantes pour modes clair/sombre

### Schéma de Couleurs

* Couleurs principales
* Palette secondaire
* Couleurs de statut système
* Indicateurs de niveau d'alerte
* Dégradés d'arrière-plan

### Typographie

* Sélection de famille de polices
* Tailles de texte
* Épaisseurs de police
* Hauteurs de ligne
* Espacement des lettres

### Éléments d'Interface

* Styles de boutons
* Éléments de formulaire
* Conceptions de cartes
* Éléments de navigation
* Fenêtres modales

## Configuration du Thème

### Mode Clair

* Couleurs d'arrière-plan
* Couleurs de texte
* Couleurs des éléments d'interface
* Paramètres de contraste
* Options d'accessibilité

### Mode Sombre

* Couleurs du thème sombre
* Visibilité du texte
* Contraste des éléments
* Effets d'ombre
* Accents lumineux

### Éléments Système

* Barre de navigation
* Barre latérale
* En-têtes
* Pieds de page
* Boutons d'action

## Meilleures Pratiques

### Cohérence de Marque

* Suivre les directives de marque
* Maintenir l'harmonie des couleurs
* Assurer la lisibilité
* Considérer l'accessibilité
* Tester sur différents appareils

### Hiérarchie Visuelle

* Mettre en évidence les éléments importants
* Créer un contraste clair
* Utiliser un espacement cohérent
* Implémenter une mise à l'échelle appropriée
* Maintenir l'équilibre

### Accessibilité

* Ratios de contraste des couleurs
* Lisibilité du texte
* Support des lecteurs d'écran
* Navigation au clavier
* Indicateurs de focus

### Performance

* Optimiser les tailles d'image
* Minimiser le CSS
* Mettre en cache les ressources
* Considérations de temps de chargement
* Design responsive

## Guide d'Implémentation

### Configuration de Base

1. Télécharger les ressources de marque
2. Configurer les couleurs principales
3. Définir la typographie
4. Ajuster les éléments d'interface
5. Tester l'apparence

### Configuration Avancée

1. Règles CSS personnalisées
2. Remplacements de composants
3. Variations de thème
4. Ajustements responsifs
5. Paramètres d'animation

### Tests

1. Tests multi-navigateurs
2. Compatibilité des appareils
3. Validation d'accessibilité
4. Vérifications de performance
5. Feedback utilisateur