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

# Guida rapida agli Styles

> Guida completa per personalizzare font, colori, sfondi, immagini di copertina ed elementi decorativi nei tuoi Documenti.

Craft rende semplice creare Documenti visivamente sorprendenti anche senza competenze di design. La funzione Styles ti permette di personalizzare sfondi, immagini di copertina, colori del testo e perfino il colore dell'intero Documento. I Washi tapes come separatori aggiungono un tocco decorativo unico alle tue pagine.

Per approfondire il funzionamento della stilizzazione, inizia con il nostro articolo su [Documenti, Pagine e Blocchi](/it/introduction/documents).

## Menu Styles

<Tabs>
  <Tab title="macOS">
    Nell'app per macOS, trova la scheda **Styles** nella sidebar sinistra:

    <img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/styles-sidebar.png?s=eeec64a237c912f088c787445755e7e1" alt="Styles menu in left sidebar" width="800" height="685" data-path="images/write-and-edit/styling/quick-guide/en/content/styles-sidebar.png" />
  </Tab>

  <Tab title="Web">
    Nell'app Web, trova la scheda **Styles** nella sidebar sinistra:

    <img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/styles-sidebar.png?s=eeec64a237c912f088c787445755e7e1" alt="Styles menu in left sidebar" width="800" height="685" data-path="images/write-and-edit/styling/quick-guide/en/content/styles-sidebar.png" />
  </Tab>
</Tabs>

## Style Preview e Styles Gallery

Il menu Styles mostra un'anteprima minimalista delle impostazioni correnti di font, copertina e sfondo - un riferimento visivo rapido di come gli elementi di stile del tuo Documento si combinano.

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/style-preview-1.png?fit=max&auto=format&n=jHjNTJCRmpMXi5vN&q=85&s=0129a124f65d801c8869a4fe08b3c0ce" alt="Style preview example 1" width="289" height="223" data-path="images/write-and-edit/styling/quick-guide/en/content/style-preview-1.png" />

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/style-preview-2.png?fit=max&auto=format&n=jHjNTJCRmpMXi5vN&q=85&s=8b9989c9e3feb864e536ec6dd41721be" alt="Style preview example 2" width="283" height="217" data-path="images/write-and-edit/styling/quick-guide/en/content/style-preview-2.png" />

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/style-preview-3.png?fit=max&auto=format&n=jHjNTJCRmpMXi5vN&q=85&s=bae07e2a5e816779ece33c4a81a7f647" alt="Style preview example 3" width="277" height="216" data-path="images/write-and-edit/styling/quick-guide/en/content/style-preview-3.png" />

Click sulla **Style Preview** per aprire la **Styles Gallery** e sfogliare la nostra collezione di stili preimpostati per i tuoi Documenti.

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/styles-gallery.gif?s=62ec4bc1e0ad9fa6ddc9845ef44b59b7" alt="Opening the styles gallery" width="800" height="685" data-path="images/write-and-edit/styling/quick-guide/en/content/styles-gallery.gif" />

## Stili personalizzati

Oltre agli stili preimpostati, puoi creare colori personalizzati per lo sfondo, il testo e per l'intero Documento.

La funzione di sfondo offre un'ampia gamma di opzioni:

* **Colori solidi** - Scegli dalla tavolozza o crea colori personalizzati
* **Gradienti** - Mescola due o più colori
* **Immagini** - Carica le tue o seleziona da Unsplash

<img src="https://mintcdn.com/craft-support/L5zMoIm2o8A5WVUD/images/write-and-edit/styling/quick-guide/en/content/custom-styling.gif?s=83ee42ce92078710e3acca683ec82ec0" alt="Creating custom styles" width="800" height="685" data-path="images/write-and-edit/styling/quick-guide/en/content/custom-styling.gif" />

## Caricare immagini personalizzate

Puoi caricare qualsiasi immagine dal tuo dispositivo come sfondo o immagine di copertina.

**Per gli sfondi:**

<Steps>
  <Step>
    Seleziona l'opzione **image** nelle impostazioni dello sfondo
  </Step>

  <Step>
    Scegli **Upload** e seleziona la tua immagine
  </Step>
</Steps>

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/upload-backdrop.png?fit=max&auto=format&n=jHjNTJCRmpMXi5vN&q=85&s=37096d20142bf302b8b642af18df45ee" alt="Upload backdrop image option" width="346" height="450" data-path="images/write-and-edit/styling/quick-guide/en/content/upload-backdrop.png" />

**Per le immagini di copertina:**

<Steps>
  <Step>
    Click sull'area dell'immagine di copertina
  </Step>

  <Step>
    Seleziona **Insert File** e scegli la tua immagine
  </Step>
</Steps>

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/upload-cover.png?fit=max&auto=format&n=jHjNTJCRmpMXi5vN&q=85&s=10c428878bdb58edca741dd229e34965" alt="Upload cover image option" width="352" height="360" data-path="images/write-and-edit/styling/quick-guide/en/content/upload-cover.png" />

## Integrazione Unsplash

Non hai tempo per cercare l'immagine di copertina o lo sfondo perfetto? L'integrazione di Craft con Unsplash rende facile trovare foto professionali in pochi clic.

Quando imposti lo sfondo o l'immagine di copertina, seleziona il pulsante **Unsplash** per accedere al database Unsplash. Usa parole chiave per trovare immagini che si adattino al tema.

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/unsplash-integration.gif?s=82de269fe5f0f12217c14201f88994a3" alt="Searching Unsplash for images" width="800" height="685" data-path="images/write-and-edit/styling/quick-guide/en/content/unsplash-integration.gif" />

## Separators e Washi tapes

I Separators aiutano a strutturare il contenuto all'interno di un Documento. Craft porta questo concetto oltre con i Washi tapes – strisce decorate che fungono da separatori visivi.

Scegli tra:

* **Linee standard** - Stile classico di separatore
* **Washi tapes** - Separatore decorato a fantasia
* **Doodles** - Separatore in stile disegnato a mano

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/separators.gif?s=72c338272195774355f463276a46264c" alt="Different separator styles" width="800" height="685" data-path="images/write-and-edit/styling/quick-guide/en/content/separators.gif" />

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

### Personalizzazione dei Washi tapes

Analogamente alle opzioni di sfondo e copertina, puoi personalizzare i separatori Washi con colori pieni o motivi.

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/washi-styling.gif?s=cc832858117b1aa2e4407cd3d0433971" alt="Styling Washi tapes" width="800" height="685" data-path="images/write-and-edit/styling/quick-guide/en/content/washi-styling.gif" />

Accedi alla **Washi Tapes Gallery** per trovare splendidi pattern preimpostati:

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/washi-gallery.gif?s=8435350d7507d46cde5b5097bca4fb62" alt="Browsing Washi tape gallery" width="800" height="685" data-path="images/write-and-edit/styling/quick-guide/en/content/washi-gallery.gif" />

Puoi essere preciso quanto vuoi con i colori dei Washi tapes. Crea la tonalità preferita manualmente o inserisci il codice RGB nel selettore colore.

<img src="https://mintcdn.com/craft-support/L5zMoIm2o8A5WVUD/images/write-and-edit/styling/quick-guide/en/content/custom-color.gif?s=4a5d3a415f66b08b37a96623c5b50cb0" alt="Creating custom Washi tape colors" width="800" height="673" data-path="images/write-and-edit/styling/quick-guide/en/content/custom-color.gif" />

## Colore del testo e del Documento

Per impostazione predefinita, i Documenti Craft usano il colore predefinito del sistema - nero in Dark Mode o bianco in Light Mode. Questo è rappresentato dall'icona bianco e nero nel selettore colore.

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/system-color.png?fit=max&auto=format&n=jHjNTJCRmpMXi5vN&q=85&s=b277771553b8fd81b717eae717ff09e3" alt="System default color icon" width="281" height="166" data-path="images/write-and-edit/styling/quick-guide/en/content/system-color.png" />

Tuttavia, hai il pieno controllo sui colori del Documento e del testo. Scegli la tonalità preferita manualmente o inserisci il codice RGB nel selettore colore per ottenere il colore esatto che desideri.

<img src="https://mintcdn.com/craft-support/L5zMoIm2o8A5WVUD/images/write-and-edit/styling/quick-guide/en/content/custom-doc-color.gif?s=7c3927c0a80033062ad48fab51b026b1" alt="Customizing document colors" width="800" height="673" data-path="images/write-and-edit/styling/quick-guide/en/content/custom-doc-color.gif" />

<Info title="Ripristino colori">
  Usa il pulsante di reset per riportare immediatamente il Documento al colore di sistema predefinito.
</Info>

<img src="https://mintcdn.com/craft-support/L5zMoIm2o8A5WVUD/images/write-and-edit/styling/quick-guide/en/content/reset-color.gif?s=52d971ac666bddfd6773f2afaf74d1a9" alt="Resetting document colors" width="426" height="390" data-path="images/write-and-edit/styling/quick-guide/en/content/reset-color.gif" />

## Font

Cambia lo stile del font dell'intero Documento con un solo Click. Scegli tra:

* **System** - Usa il font predefinito del tuo dispositivo
* **Serif** - Font serif tradizionale e leggibile
* **Mono** - Font a larghezza fissa per codice o contenuti tecnici
* **Rounded** - Font moderno e arrotondato, dal tono amichevole

<img src="https://mintcdn.com/craft-support/L5zMoIm2o8A5WVUD/images/write-and-edit/styling/quick-guide/en/content/fonts.gif?s=11732e87e5fcc8c62ace8900cbb879bf" alt="Changing document fonts" width="800" height="685" data-path="images/write-and-edit/styling/quick-guide/en/content/fonts.gif" />

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

## Esportare Documenti stilizzati in PDF

La funzione Styles è pensata per aiutarti a esprimerti e a creare l'ambiente visivo che preferisci durante la modifica. Se vuoi disabilitare gli stili durante l'esportazione in PDF, puoi farlo facilmente nelle opzioni di esportazione.

<img src="https://mintcdn.com/craft-support/L5zMoIm2o8A5WVUD/images/write-and-edit/styling/quick-guide/en/content/export-styles.gif?s=0b04cf70df6513a5d9144629f0400399" alt="Disabling styles during PDF export" width="800" height="638" data-path="images/write-and-edit/styling/quick-guide/en/content/export-styles.gif" />

## 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="Cards" href="/it/write-and-edit/styling/cards">
    Trasforma le pagine in layout visivi a schede
  </Card>

  <Card title="Stili dell'app" href="/it/write-and-edit/styling/app-styles">
    Estendi gli stili dei Documenti 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>