# La voce tipografica di un Mark: perché ha dei font

[Canonical HTML page](https://gradiently.design/it/guide/type-voice-of-a-mark)

Colore e texture sono solo metà di un aspetto. Ogni Mark porta anche un carattere per i titoli, uno per il testo e un modo di impostarli, così la prima bozza suona già come lo sfondo su cui sta.

## The short version

- La voce tipografica di un Mark è la tipografia con cui parte ogni design: un carattere display, un carattere per il testo, un peso display, una spaziatura e una modalità di maiuscole.
- I titoli seguono il carattere display della voce e il resto del testo ne segue il carattere per il testo, finché non scegli altro.
- Puoi cambiare il font di qualsiasi riga nello Studio, e mettere su una pagina i font per titoli e testo del tuo kit del brand.
- Una voce tipografica esiste perché le stesse parole suonano diverse in caratteri diversi, e uno sfondo e il suo testo dovrebbero sembrare un’unica decisione.
- La pagina di un Mark nel Mercato lo mostra in anteprima con la sua voce e con cinque altri abbinamenti: Editoriale, Grotesk, Poster, Classico e Moderno.

La **voce tipografica** di un Mark è la tipografia che viene con lui: un carattere display per i titoli, un carattere per il testo per tutto il resto, un peso per il carattere display, una spaziatura tra le lettere e una modalità di maiuscole. Quando inizi un design su un Mark, le tue parole compaiono con quella voce, così la prima bozza si accorda già allo sfondo. È un punto di partenza, non un vincolo: ogni riga si può cambiare, e i tuoi font del brand possono sostituirla.

## Perché uno sfondo viene con dei font

La tipografia ha un tono di voce, come il parlato. «Porte aperte alle sette» in un raffinato Garamond suona come l’inaugurazione di una galleria; in maiuscole condensate suona come un concerto. Metti l’uno o l’altro sullo sfondo sbagliato e il design litiga con sé stesso. Un Mark di seta in prugna scuro e un Mark Op art in verde acido vogliono lettere diverse, e sceglierle insieme è ciò che fa sembrare voluto un aspetto.

Un invito a un evento con il testo Porte aperte alle sette, impostato nella voce tipografica del primo Mark

Un Mark, con la sua voce.

Lo stesso invito su un secondo Mark con palette, materiale e tipografia diversi

Le stesse parole su un altro Mark, che porta con sé la propria voce.

C’è anche una ragione pratica. La maggior parte di chi progetta un post settimanale non è un tipografo, e l’[abbinamento di font](https://gradiently.design/it/guide/font-pairing) è uno dei punti in cui è più facile sbagliare. Una voce già abbinata al suo Mark toglie quella decisione da ogni design.

## Cosa contiene una voce tipografica

| Parte | Cosa imposta | Esempio |
| --- | --- | --- |
| Carattere display | Titoli e parole grandi | Fraunces, Syne, Bebas Neue |
| Carattere per il testo | Testo corrente, dettagli, note in piccolo | Inter, Manrope, Newsreader |
| Peso | Quanto è pesante il carattere display, da leggero a extra bold | 400 per un serif elegante, 700 per un poster |
| Tracking | Spazio tra le lettere, più stretto o più largo | Leggermente stretto per i grandi titoli |
| Maiuscole | Come digitato, tutto maiuscolo o tutto minuscolo | Maiuscole per una voce da poster |

Le cinque parti di una voce. Insieme decidono l’aspetto di ogni titolo sul Mark prima che tu tocchi un’impostazione.

I caratteri vengono dalla libreria di font di Gradiently, che spazia da serif come Fraunces, Playfair Display ed EB Garamond, a grotteschi come Space Grotesk e Schibsted Grotesk, a caratteri display condensati come Anton e Oswald, caratteri monospazio, script e arrotondati. [Serif o sans serif](https://gradiently.design/it/guide/serif-vs-sans-serif) spiega cosa tende a dire ciascuna categoria.

Se vuoi che il tuo sito corrisponda a un Mark, una voce si traduce direttamente in CSS. Ecco una tipica voce editoriale scritta per esteso:

```css
h1, h2 {
  font-family: "Fraunces", Georgia, serif;
  font-weight: 400;
  letter-spacing: -0.02em; /* tracking */
  text-transform: none;    /* case: as typed */
}

body {
  font-family: "Inter", system-ui, sans-serif;
}
```

Carattere display, peso, tracking e maiuscole per i titoli; il carattere per il testo per tutto il resto. Entrambi i caratteri sono su Google Fonts.

## Come il testo segue la voce

Ogni pezzo di testo in un design sa se è un titolo o un testo corrente. I titoli seguono carattere display, peso, tracking e maiuscole della voce; il testo corrente ne segue il carattere per il testo. Finché una riga non ha un font proprio, continua a seguire, quindi se metti un altro Mark sul design, anche le parole assumono la voce del nuovo Mark.

Il pannello colore e tipografia dello Studio mostra la voce del Mark come coppia di titolo e testo, e ti permette di usarle su tutta la pagina in un solo passaggio. È comodo quando un modello arriva con altri font e vuoi che suoni come il tuo Mark.

## Come cambiare la voce di un Mark nei tuoi design

1. **Cambia una riga** Seleziona il testo e scegli un altro font, peso, spaziatura o modalità di maiuscole. Quella riga ora mantiene la propria impostazione.
2. **Cambia un’intera pagina** Scegli un font per i titoli e uno per il testo e applicali alla pagina, così ogni titolo e paragrafo si muove insieme.
3. **Usa i font del tuo brand** Aggiungi un font per i titoli e uno per il testo al tuo kit del brand, caricando file OTF, TTF, WOFF o WOFF2 se sono tuoi, poi metti i font del brand su una pagina in un solo passaggio.
4. **Chiedi al Designer** Il Designer applica il kit del brand per te, così i design che crea partono con i font del tuo brand.

Il caricamento di un carattere è trattato in [caricare font personalizzati](https://gradiently.design/it/guide/custom-fonts-upload), e il resto del kit in [configurazione del kit del brand](https://gradiently.design/it/guide/brand-kit-setup). Controlla la licenza prima di caricare un font commerciale; [licenze dei font](https://gradiently.design/it/guide/font-licensing) spiega cosa guardare.

## Provare un Mark con altre voci

Nella pagina di un Mark nel [Mercato](/market), le anteprime si possono alternare tra la sua voce e cinque abbinamenti pronti, così vedi l’aspetto con una tipografia più vicina al tuo brand prima di progettare qualcosa.

| Abbinamento | Carattere display | Carattere per il testo | Sensazione |
| --- | --- | --- | --- |
| La sua voce | Scelto con il Mark | Scelto con il Mark | Come è stato creato il Mark |
| Editoriale | Instrument Serif | Inter | Rivista, galleria, ponderato |
| Grotesk | Space Grotesk | Space Grotesk | Studio, tecnico, attuale |
| Poster | Anton, in maiuscolo | Archivo | Forte, eventi, sport |
| Classico | Cormorant Garamond | EB Garamond | Da libro, di tradizione, lusso discreto |
| Moderno | Geist | Geist | Pulito, prodotto, software |

Gli abbinamenti che la pagina di un Mark può mostrare in anteprima. Ognuno è una combinazione solida e ben collaudata che puoi usare anche nei tuoi design.

## Quando tenere la voce e quando sostituirla

### Tieni la voce del Mark

- Non hai ancora font del brand
- La voce si addice già a come parli
- Vuoi che i design sembrino un tutt’uno con lo sfondo
- Pubblichi spesso e vuoi meno decisioni

### Usa i tuoi font

- Hai un logotipo o un carattere del brand affermato
- Packaging, negozio o sito usano già font definiti
- Ti serve un carattere che copra lingue particolari
- Più brand condividono uno stile della casa

In ogni caso, usa al massimo due caratteri e lascia fare il resto a dimensione e peso. Una gerarchia chiara conta più dei font stessi, come mostra [gerarchia visiva](https://gradiently.design/it/guide/visual-hierarchy). Se le tue parole stanno su un Mark, la leggibilità è gestita a parte: il Mark sposta la sua regione più calma dietro il testo e l’inchiostro automatico sceglie un testo chiaro o scuro per ogni riga, qualunque carattere tu scelga.

## FAQ

### Cos’è una voce tipografica?

La tipografia con cui un Mark inizia ogni design: un carattere display, un carattere per il testo, un peso display, una spaziatura e una modalità di maiuscole.

### Posso cambiare i font di un Mark?

Sì. Cambia qualsiasi riga nello Studio, applica un font per titoli e testo a un’intera pagina o usa i font del tuo kit del brand. La voce del Mark è solo il punto di partenza.

### Posso usare i miei font in Gradiently?

Sì. Aggiungi un font per i titoli e uno per il testo al tuo kit del brand, caricando i file dei font se serve.

### Cosa succede ai miei font se metto un altro Mark su un design?

Il testo che segue ancora la voce assume la voce del nuovo Mark. Le righe a cui hai dato un font proprio lo mantengono.