> ## Documentation Index
> Fetch the complete documentation index at: https://craft-support.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Sfondi, Colori e Separatori

> Personalizza sfondi, colori del documento e del testo, font e separatori Washi tape, e sfoglia la Galleria Stili per look preimpostati.

Craft rende semplice creare documenti visivamente accattivanti senza alcuna competenza nel design. La funzione Stili ti permette di personalizzare sfondi, colori del testo e del documento, font e separatori decorativi come i Washi tape. Consulta la [Panoramica degli Stili](/it/write-and-edit/styling) per scoprire dove trovare il menu Stili su ogni piattaforma.

## Anteprima Stile e Galleria Stili

Il menu Stili mostra un'anteprima minimalista delle impostazioni correnti di font, copertina e sfondo: un riferimento visivo rapido di come gli elementi stilistici del documento funzionano insieme.

<img src="https://mintcdn.com/craft-support/bFuq7qeKyFxnmv1W/images/write-and-edit/styling/quick-guide/en/content/style-preview-1.png?fit=max&auto=format&n=bFuq7qeKyFxnmv1W&q=85&s=c98e4bc721028fcae6dac827da433ff8" alt="Anteprima Stile con lo stile Original" width="1032" height="820" data-path="images/write-and-edit/styling/quick-guide/en/content/style-preview-1.png" />

<img src="https://mintcdn.com/craft-support/bFuq7qeKyFxnmv1W/images/write-and-edit/styling/quick-guide/en/content/style-preview-2.png?fit=max&auto=format&n=bFuq7qeKyFxnmv1W&q=85&s=1fb86cfe56aab3087744059610a935c2" alt="Anteprima Stile con lo stile Soft Spring" width="1032" height="820" data-path="images/write-and-edit/styling/quick-guide/en/content/style-preview-2.png" />

Per accedere alla **Galleria Stili**, seleziona **Tutti gli Stili** subito sotto l'Anteprima Stile.

<img src="https://mintcdn.com/craft-support/bFuq7qeKyFxnmv1W/images/write-and-edit/styling/quick-guide/en/content/styles-gallery-step-1.png?fit=max&auto=format&n=bFuq7qeKyFxnmv1W&q=85&s=b5931b3bd4afdad15983ab52d2fcb3de" alt="Pulsante Tutti gli Stili sotto l'Anteprima Stile" width="1032" height="820" data-path="images/write-and-edit/styling/quick-guide/en/content/styles-gallery-step-1.png" />

La Galleria Stili si apre con la nostra raccolta curata di stili preimpostati per i tuoi documenti. Sfoglia gli stili di Craft o usa la barra di ricerca per trovarne uno specifico.

<img src="https://mintcdn.com/craft-support/bFuq7qeKyFxnmv1W/images/write-and-edit/styling/quick-guide/en/content/styles-gallery-step-2.png?fit=max&auto=format&n=bFuq7qeKyFxnmv1W&q=85&s=e1b7967eb89ecb9f315c287250876b7e" alt="Galleria Stili con gli stili preimpostati di Craft" width="1032" height="820" data-path="images/write-and-edit/styling/quick-guide/en/content/styles-gallery-step-2.png" />

## Stili Personalizzati

Oltre agli stili preimpostati, puoi creare colori personalizzati per lo sfondo, il testo e il documento stesso.

Per personalizzare lo sfondo, apri il pannello **Stile** e seleziona **Sfondo** sotto **Colore**.

<img src="https://mintcdn.com/craft-support/bFuq7qeKyFxnmv1W/images/write-and-edit/styling/quick-guide/en/content/custom-styling-step-1.png?fit=max&auto=format&n=bFuq7qeKyFxnmv1W&q=85&s=92cf2ebddbfedee4de50a6e892ea767c" alt="Opzione Sfondo nel pannello Stile" width="1032" height="820" data-path="images/write-and-edit/styling/quick-guide/en/content/custom-styling-step-1.png" />

**Colori Solidi.** Scegli un colore dalla tavolozza oppure seleziona l'opzione colore personalizzato alla fine per aprire il selettore colori. Sotto **Effetto**, scegli tra uno sfondo **Immersivo** o **Sfumato**.

<img src="https://mintcdn.com/craft-support/bFuq7qeKyFxnmv1W/images/write-and-edit/styling/quick-guide/en/content/custom-styling-step-2.png?fit=max&auto=format&n=bFuq7qeKyFxnmv1W&q=85&s=f995120477791a5266a32f44c4251cb4" alt="Popover dello sfondo con la tavolozza dei colori solidi" width="1032" height="820" data-path="images/write-and-edit/styling/quick-guide/en/content/custom-styling-step-2.png" />

**Sfumature.** Scegli una sfumatura preimpostata, poi rendila tua regolando i colori iniziale e finale e la direzione della transizione.

<img src="https://mintcdn.com/craft-support/bFuq7qeKyFxnmv1W/images/write-and-edit/styling/quick-guide/en/content/custom-styling-step-3.png?fit=max&auto=format&n=bFuq7qeKyFxnmv1W&q=85&s=2ed30311ee5731d2942794de79bde056" alt="Popover dello sfondo con le opzioni di sfumatura" width="1032" height="820" data-path="images/write-and-edit/styling/quick-guide/en/content/custom-styling-step-3.png" />

**Immagini.** Scegli una delle immagini in evidenza, seleziona **Mescola** per nuovi suggerimenti, cerca foto professionali su **Unsplash** oppure scegli **Carica** per usare un'immagine dal tuo dispositivo. Attiva **Sfoca Immagine** per uno sfondo più morbido e discreto.

<img src="https://mintcdn.com/craft-support/bFuq7qeKyFxnmv1W/images/write-and-edit/styling/quick-guide/en/content/custom-styling-step-4.png?fit=max&auto=format&n=bFuq7qeKyFxnmv1W&q=85&s=e5f9a4d560168dcd54ef8ef45ece0c62" alt="Popover dello sfondo con le opzioni immagine" width="1032" height="820" data-path="images/write-and-edit/styling/quick-guide/en/content/custom-styling-step-4.png" />

<Info title="Immagini di Copertina">
  Vuoi aggiungere un'intestazione visiva al tuo documento? Consulta l'articolo dedicato alle [Immagini di Copertina](/it/write-and-edit/styling/cover-images) per caricare, ritagliare e usare le opzioni Unsplash.
</Info>

## Separatori e Washi Tape

I separatori aiutano a strutturare il contenuto all'interno di un documento. Craft porta questa funzione a un livello superiore con i Washi tape, strisce decorate in modo unico che fungono da separatori visivi.

Scegli uno stile nel pannello **Stile** sotto **Stile Separatore**:

**Linea.** Lo stile separatore classico con linee orizzontali pulite.

<img src="https://mintcdn.com/craft-support/bFuq7qeKyFxnmv1W/images/write-and-edit/styling/quick-guide/en/content/separator-line.png?fit=max&auto=format&n=bFuq7qeKyFxnmv1W&q=85&s=70aa1f0da1db5659c0cf8d37b2780ec8" alt="Stile separatore a linea" width="1032" height="820" data-path="images/write-and-edit/styling/quick-guide/en/content/separator-line.png" />

**Washi Tape.** Strisce decorative con motivi. Seleziona un **Motivo** in linea con l'atmosfera del tuo documento.

<img src="https://mintcdn.com/craft-support/bFuq7qeKyFxnmv1W/images/write-and-edit/styling/quick-guide/en/content/separator-washi.png?fit=max&auto=format&n=bFuq7qeKyFxnmv1W&q=85&s=85f9ecdba07aef3fbd5073daf489fd9f" alt="Stile separatore Washi Tape" width="1032" height="820" data-path="images/write-and-edit/styling/quick-guide/en/content/separator-washi.png" />

**Doodle.** Separatori in stile disegnato a mano per un tocco giocoso e personale.

<img src="https://mintcdn.com/craft-support/bFuq7qeKyFxnmv1W/images/write-and-edit/styling/quick-guide/en/content/separator-doodle.png?fit=max&auto=format&n=bFuq7qeKyFxnmv1W&q=85&s=0cd253fdddf9ec838364bc509467e1cc" alt="Stile separatore Doodle" width="1032" height="820" data-path="images/write-and-edit/styling/quick-guide/en/content/separator-doodle.png" />

<Info title="Suggerimento Rapido">
  Digita tre trattini (`---`) per aggiungere istantaneamente un separatore nello stile impostato per il tuo documento.
</Info>

### Personalizzazione dei Washi Tape

Analogamente alle opzioni per lo sfondo e l'immagine di copertina, puoi personalizzare i separatori Washi tape con colori solidi o motivi.

Con **Washi Tape** selezionato come stile separatore, seleziona l'opzione **Motivo** per iniziare a personalizzare.

<img src="https://mintcdn.com/craft-support/bFuq7qeKyFxnmv1W/images/write-and-edit/styling/quick-guide/en/content/washi-styling-step-1.png?fit=max&auto=format&n=bFuq7qeKyFxnmv1W&q=85&s=bda3ad0b808b0d8e3f800cd625df43ee" alt="Opzione Motivo sotto Stile Separatore" width="1032" height="858" data-path="images/write-and-edit/styling/quick-guide/en/content/washi-styling-step-1.png" />

Nel popover del Washi Tape, passa dai colori solidi ai motivi e viceversa. La vista dei motivi mostra i motivi suggeriti e quelli che hai salvato, e puoi anche usare **Carica** per trasformare una tua immagine in nastro.

<img src="https://mintcdn.com/craft-support/bFuq7qeKyFxnmv1W/images/write-and-edit/styling/quick-guide/en/content/washi-styling-step-2.png?fit=max&auto=format&n=bFuq7qeKyFxnmv1W&q=85&s=771646f859e8f0c0140d957d4bc7e61d" alt="Popover del Washi Tape con motivi suggeriti e salvati" width="1032" height="858" data-path="images/write-and-edit/styling/quick-guide/en/content/washi-styling-step-2.png" />

Per la raccolta completa di motivi preimpostati, apri la **Galleria Washi**.

<img src="https://mintcdn.com/craft-support/bFuq7qeKyFxnmv1W/images/write-and-edit/styling/quick-guide/en/content/washi-styling-step-3.png?fit=max&auto=format&n=bFuq7qeKyFxnmv1W&q=85&s=39ef85bc19d656620952f09fe82fcdcc" alt="Galleria Washi con i motivi preimpostati" width="1032" height="858" data-path="images/write-and-edit/styling/quick-guide/en/content/washi-styling-step-3.png" />

Puoi essere preciso quanto vuoi con i colori dei Washi tape. Nella vista dei colori solidi, scegli una texture per il tuo nastro e seleziona un colore dalla tavolozza.

<img src="https://mintcdn.com/craft-support/bFuq7qeKyFxnmv1W/images/write-and-edit/styling/quick-guide/en/content/washi-colors-step-1.png?fit=max&auto=format&n=bFuq7qeKyFxnmv1W&q=85&s=5a6d238e6f3eeafedc20cbff85296393" alt="Popover del Washi Tape con texture e colori solidi" width="1032" height="858" data-path="images/write-and-edit/styling/quick-guide/en/content/washi-colors-step-1.png" />

Per una tonalità precisa, seleziona la freccia alla fine della tavolozza per aprire il selettore colori. Regola con i cursori, usa il contagocce oppure inserisci un valore esadecimale o HSB esatto.

<img src="https://mintcdn.com/craft-support/bFuq7qeKyFxnmv1W/images/write-and-edit/styling/quick-guide/en/content/washi-colors-step-2.png?fit=max&auto=format&n=bFuq7qeKyFxnmv1W&q=85&s=6faedfbf0c6689f96ad1b1c95e2eb808" alt="Selettore colori con cursori e valori colore esatti" width="1032" height="858" data-path="images/write-and-edit/styling/quick-guide/en/content/washi-colors-step-2.png" />

## Colore del Testo e del Documento

Hai il pieno controllo sui colori del documento e del testo. Nel pannello **Stile**, sotto **Colore**, seleziona **Colore Documento** o **Colore Testo**.

<img src="https://mintcdn.com/craft-support/bFuq7qeKyFxnmv1W/images/write-and-edit/styling/quick-guide/en/content/doc-color-step-1.png?fit=max&auto=format&n=bFuq7qeKyFxnmv1W&q=85&s=836de49c069120f022417acf8840f50b" alt="Colore Documento e Colore Testo nel pannello Stile" width="1032" height="858" data-path="images/write-and-edit/styling/quick-guide/en/content/doc-color-step-1.png" />

Scegli una delle tonalità preimpostate oppure seleziona **Seleziona Colore** alla fine della tavolozza per crearne una tua. Finché non lo modifichi, i documenti Craft utilizzano il colore predefinito di sistema: bianco in Modalità Chiara e nero in Modalità Scura.

<img src="https://mintcdn.com/craft-support/bFuq7qeKyFxnmv1W/images/write-and-edit/styling/quick-guide/en/content/doc-color-step-2.png?fit=max&auto=format&n=bFuq7qeKyFxnmv1W&q=85&s=b2294dd85771c9c88b73811af274ef3e" alt="Tavolozza Colore Documento con l'opzione Seleziona Colore" width="1032" height="858" data-path="images/write-and-edit/styling/quick-guide/en/content/doc-color-step-2.png" />

Il selettore colori offre una griglia di tonalità, uno spettro e cursori. Inserisci un valore esadecimale o HSB per un risultato esatto, oppure usa il contagocce per catturare qualsiasi colore dal tuo schermo.

<img src="https://mintcdn.com/craft-support/bFuq7qeKyFxnmv1W/images/write-and-edit/styling/quick-guide/en/content/doc-color-step-3.png?fit=max&auto=format&n=bFuq7qeKyFxnmv1W&q=85&s=d1718ed60cd0555565f58665886803d4" alt="Selettore colori con la griglia di tonalità e i valori colore esatti" width="1032" height="858" data-path="images/write-and-edit/styling/quick-guide/en/content/doc-color-step-3.png" />

### Controllo del Contrasto

Se i colori del testo e del documento che scegli sono troppo simili, il pannello colori mostra un **avviso di contrasto basso** per segnalarti che il testo potrebbe risultare difficile da leggere. Puoi mantenere la tua selezione oppure usare l'opzione di **regolazione automatica** per lasciare che Craft trovi il colore più vicino che resti leggibile.

<video autoPlay muted loop playsInline className="w-full rounded-xl" src="https://mintcdn.com/craft-support/bFuq7qeKyFxnmv1W/images/write-and-edit/styling/quick-guide/en/content/contrast-warning.mp4?fit=max&auto=format&n=bFuq7qeKyFxnmv1W&q=85&s=d9bd75ed326c3125c5fd21292359d5c9" data-path="images/write-and-edit/styling/quick-guide/en/content/contrast-warning.mp4" />

<img src="https://mintcdn.com/craft-support/bFuq7qeKyFxnmv1W/images/write-and-edit/styling/quick-guide/en/content/contrast-warning.png?fit=max&auto=format&n=bFuq7qeKyFxnmv1W&q=85&s=716f99c8a3380b986a97340a2674bcaf" alt="Avviso di contrasto con l'opzione di regolazione automatica" width="928" height="759" data-path="images/write-and-edit/styling/quick-guide/en/content/contrast-warning.png" />

<Info title="Ripristino dei Colori">
  Usa il pulsante di ripristino accanto all'intestazione **Colore** per riportare istantaneamente il documento al colore predefinito di sistema.
</Info>

<img src="https://mintcdn.com/craft-support/bFuq7qeKyFxnmv1W/images/write-and-edit/styling/quick-guide/en/content/reset-color.png?fit=max&auto=format&n=bFuq7qeKyFxnmv1W&q=85&s=112bdf54bf0c7b0929023db3b775fecb" alt="Pulsante di ripristino accanto all'intestazione Colore" width="1032" height="858" data-path="images/write-and-edit/styling/quick-guide/en/content/reset-color.png" />

## Font

Cambia lo stile del font dell'intero documento con un solo clic nel pannello **Stile**, sotto **Font**.

**Sistema.** Usa il font predefinito del tuo dispositivo.

<img src="https://mintcdn.com/craft-support/bFuq7qeKyFxnmv1W/images/write-and-edit/styling/quick-guide/en/content/font-system.png?fit=max&auto=format&n=bFuq7qeKyFxnmv1W&q=85&s=9a5535e2fa1698cfb0cc530ca647c580" alt="Documento con il font Sistema" width="1032" height="858" data-path="images/write-and-edit/styling/quick-guide/en/content/font-system.png" />

**Serif.** Un font serif tradizionale e leggibile.

<img src="https://mintcdn.com/craft-support/bFuq7qeKyFxnmv1W/images/write-and-edit/styling/quick-guide/en/content/font-serif.png?fit=max&auto=format&n=bFuq7qeKyFxnmv1W&q=85&s=e6192353f147f1c8794a30831300513a" alt="Documento con il font Serif" width="1032" height="858" data-path="images/write-and-edit/styling/quick-guide/en/content/font-serif.png" />

**Mono.** Un font a spaziatura fissa per codice o contenuti tecnici.

<img src="https://mintcdn.com/craft-support/bFuq7qeKyFxnmv1W/images/write-and-edit/styling/quick-guide/en/content/font-mono.png?fit=max&auto=format&n=bFuq7qeKyFxnmv1W&q=85&s=8cfc96e5413adf625d6919ba5d309a9f" alt="Documento con il font Mono" width="1032" height="858" data-path="images/write-and-edit/styling/quick-guide/en/content/font-mono.png" />

**Arrotondato.** Un font arrotondato moderno e amichevole.

<img src="https://mintcdn.com/craft-support/bFuq7qeKyFxnmv1W/images/write-and-edit/styling/quick-guide/en/content/font-rounded.png?fit=max&auto=format&n=bFuq7qeKyFxnmv1W&q=85&s=77175910ce4799eb4ccf464bc72d0fa7" alt="Documento con il font Arrotondato" width="1032" height="858" data-path="images/write-and-edit/styling/quick-guide/en/content/font-rounded.png" />

<Warning title="Font Personalizzati">
  Al momento non è possibile caricare font personalizzati in Craft.
</Warning>

## Esportazione di Documenti Stilizzati in PDF

La funzione Stili è pensata per aiutarti a esprimere te stesso e creare l'ambiente visivo preferito durante la modifica. Se hai bisogno di disabilitare lo stile durante l'esportazione dei contenuti in PDF, disattiva l'interruttore **Usa Stile** sotto **Aspetto** nelle opzioni di esportazione.

<img src="https://mintcdn.com/craft-support/bFuq7qeKyFxnmv1W/images/write-and-edit/styling/quick-guide/en/content/export-styles.png?fit=max&auto=format&n=bFuq7qeKyFxnmv1W&q=85&s=dbd110ba684ccfbc408e60e481923034" alt="Interruttore Usa Stile nelle opzioni di esportazione PDF" width="1032" height="858" data-path="images/write-and-edit/styling/quick-guide/en/content/export-styles.png" />

## Articoli Correlati

<CardGroup cols={2}>
  <Card title="Immagini di Copertina" href="/it/write-and-edit/styling/cover-images">
    Personalizza le immagini di copertina per i tuoi documenti
  </Card>

  <Card title="Schede" href="/it/write-and-edit/styling/cards">
    Trasforma le pagine in layout a schede visive
  </Card>

  <Card title="Stili App" href="/it/write-and-edit/styling/app-styles">
    Estendi gli stili del documento all'interfaccia dell'app
  </Card>

  <Card title="Stili Predefiniti" href="/it/write-and-edit/styling/default-styles">
    Imposta il tuo stile preferito come predefinito
  </Card>
</CardGroup>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.