Come personalizzare l'aspetto della tua documentazione (temi, colori e font)

Puoi personalizzare l'aspetto della tua documentazione pubblicata per allinearla alla tua identità di brand. Queste impostazioni si trovano nelle Impostazioni del progetto, nella scheda Pubblicazione > Temi e colori. Qui puoi gestire il tema, i colori, i font e altri elementi stilistici che i tuoi visitatori vedranno.

Scelta della modalità del tema

L'impostazione Modalità tema predefinita determina l'aspetto iniziale della documentazione per i visitatori. Puoi scegliere un tema specifico o consentire al sistema di adattarsi alle impostazioni del dispositivo dell'utente.

Auto (segui le preferenze di sistema): È l'opzione predefinita. La documentazione passerà automaticamente dal tema chiaro a quello scuro in base alle preferenze del sistema operativo del visitatore.
Chiaro: La documentazione verrà visualizzata sempre con il tema chiaro, indipendentemente dalle impostazioni di sistema dell'utente.
Scuro: La documentazione verrà visualizzata sempre con il tema scuro.

Configurazione del logo

Puoi caricare loghi separati sia per il tema chiaro che per quello scuro, per assicurarti che siano sempre visibili e coerenti con il tuo brand. Se non carichi un logo, verrà visualizzato il testo che hai inserito.

Logo tema chiaro: Carica un logo adatto agli sfondi chiari.
Logo tema scuro: Carica un logo progettato per gli sfondi scuri.
Testo logo tema chiaro/scuro: Inserisci il nome del tuo brand o un altro testo da visualizzare se il logo corrispondente non è disponibile.

Personalizzazione dei colori

Definisci la tavolozza dei colori del tuo brand impostando i colori primari e secondari per entrambi i temi. Ciò garantisce un'esperienza coerente con il brand nelle diverse modalità di visualizzazione.

Colore primario: È il colore principale utilizzato per gli elementi interattivi come pulsanti, link ed evidenziazioni.
Colore secondario: Questo colore viene utilizzato per gli elementi di supporto, offrendo un contrasto sottile.

Impostazioni di font e stile

Puoi rifinire ulteriormente l'aspetto della tua documentazione selezionando i font e regolando lo stile degli angoli degli elementi dell'interfaccia.

Famiglia di font primaria: Scegli il font principale per tutte le intestazioni, il testo del corpo e gli elementi generali dell'interfaccia dall'elenco fornito.
Famiglia di font monospace: Seleziona un font specifico per i blocchi di codice e i frammenti di codice in linea.
Stile degli angoli: Regola il raggio del bordo per gli elementi dell'interfaccia. Le opzioni includono Netto (0px), Arrotondato (4px) ed Extra arrotondato (8px).

Consigli per la personalizzazione

Ricordati di salvare le modifiche e di fare clic sul pulsante Pubblica modifiche nella parte superiore delle impostazioni di pubblicazione per renderle effettive. Usa sempre combinazioni di colori ad alto contrasto per una migliore leggibilità, specialmente per il testo e gli elementi interattivi.

Riepilogo

Questo articolo spiega come personalizzare l'aspetto visivo del tuo sito di documentazione Hinto pubblicato. Tratta la selezione della modalità del tema predefinita, il caricamento di loghi personalizzati per sfondi chiari e scuri, la definizione dei colori del brand e la scelta dei font per creare un aspetto curato e professionale in linea con il tuo marchio.