> ## 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.

# Personalizzazione del Marchio

> Personalizza l'aspetto della tua istanza CaseBender con gli elementi del marchio della tua organizzazione.

## Panoramica

La sezione Personalizzazione del Marchio ti permette di personalizzare l'aspetto visivo della tua istanza CaseBender per adattarla all'identità del marchio della tua organizzazione. Puoi configurare colori, loghi e altri elementi visivi per creare un aspetto coerente e professionale sulla tua piattaforma di operazioni di sicurezza.

<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="Dashboard Personalizzazione - Chiaro" 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="Dashboard Personalizzazione - Scuro" width="2866" height="1722" data-path="images/settings/branding/1-dashboard--dark.png" />

## Elementi del Marchio

### Colori Primari

Configura lo schema di colori primari della tua organizzazione:

<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="Colori Primari - Chiaro" 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="Colori Primari - Scuro" width="2866" height="1722" data-path="images/settings/branding/2-primary-colors--dark.png" />

Personalizza i seguenti elementi di colore:

* Colore primario del marchio
* Colori secondari
* Colori di accento
* Colori di sfondo
* Colori del testo

## Opzioni di Personalizzazione

### Impostazioni Logo

* Carica il logo dell'organizzazione
* Imposta le dimensioni del logo
* Configura il posizionamento
* Definisci regole di visibilità
* Varianti per modalità chiara/scura

### Schema di Colori

* Colori primari
* Palette secondaria
* Colori di stato del sistema
* Indicatori di livello di avviso
* Gradienti di sfondo

### Tipografia

* Selezione famiglia di font
* Dimensioni del testo
* Pesi del font
* Altezze linea
* Spaziatura lettere

### Elementi UI

* Stili pulsanti
* Elementi form
* Design card
* Elementi di navigazione
* Finestre modali

## Configurazione Tema

### Modalità Chiara

* Colori di sfondo
* Colori del testo
* Colori elementi UI
* Impostazioni contrasto
* Opzioni accessibilità

### Modalità Scura

* Colori tema scuro
* Visibilità testo
* Contrasto elementi
* Effetti ombra
* Evidenziazioni accento

### Elementi di Sistema

* Barra di navigazione
* Barra laterale
* Intestazioni
* Piè di pagina
* Pulsanti azione

## Migliori Pratiche

### Coerenza del Marchio

* Segui le linee guida del marchio
* Mantieni armonia dei colori
* Assicura leggibilità
* Considera l'accessibilità
* Testa su diversi dispositivi

### Gerarchia Visiva

* Enfatizza elementi importanti
* Crea contrasto chiaro
* Usa spaziatura coerente
* Implementa scalabilità appropriata
* Mantieni equilibrio

### Accessibilità

* Rapporti di contrasto colori
* Leggibilità del testo
* Supporto screen reader
* Navigazione da tastiera
* Indicatori di focus

### Performance

* Ottimizza dimensioni immagini
* Minimizza CSS
* Risorse in cache
* Considerazioni tempo di caricamento
* Design responsive

## Guida all'Implementazione

### Configurazione Base

1. Carica asset del marchio
2. Configura colori primari
3. Imposta tipografia
4. Regola elementi UI
5. Testa aspetto

### Configurazione Avanzata

1. Regole CSS personalizzate
2. Override componenti
3. Variazioni tema
4. Regolazioni responsive
5. Impostazioni animazione

### Testing

1. Test cross-browser
2. Compatibilità dispositivi
3. Validazione accessibilità
4. Controlli performance
5. Feedback utenti