# Design token

> I design token danno un nome ai ruoli della tua identità visiva — sfondo, colore del marchio, carattere. Perché senza di essi una macchina tira a indovinare.

I design token sono i mattoni con un nome di un’identità visiva: ruoli cromatici come sfondo o colore del marchio e ruoli tipografici come titolo e testo. Rendono un design leggibile dalle macchine.

I design token sono i mattoni con un nome di un’identità visiva. Invece di un valore di colore sperso nel foglio di stile, viene dichiarato quale **ruolo** ha quel valore: sfondo, primo piano, colore del marchio, carattere dei titoli.

La differenza è decisiva per le macchine. Una persona vede subito su un sito quale verde porta il marchio. Un programma vede solo un elenco di valori senza significato — a meno che i ruoli non siano dichiarati esplicitamente.

Per la pubblicazione esiste un formato: la bozza del **Design Tokens Community Group** (DTCG). Lì un colore non è una stringa esadecimale, ma un oggetto con spazio colore e componenti. Un file simile può essere letto da un agente senza interpretare il foglio di stile.

Da mettere in prospettiva: oggi nessun servizio di ricerca valuta questi file. Il loro senso è che un sistema che deve _rappresentare_ un’azienda abbia una fonte solida per colore e carattere — invece di tirare a indovinare.

Come funziona nella pratica — e che cosa ha rilevato un sondaggio su 18 domini di design system — sta in [Perché un’IA non può rappresentare il tuo marchio](https://btlabs.dev/it/posts/marchio-leggibile-macchine-design-token).

- [Leggibilità per le macchine](https://btlabs.dev/it/glossary?tag=maschinenlesbarkeit)
- [Dati strutturati](https://btlabs.dev/it/glossary?tag=strukturierte-daten)
- [Web Design](https://btlabs.dev/it/glossary?tag=webdesign)

## Termini correlati

- [LLMs.txt](https://btlabs.dev/it/glossary/llms-txt)
- [Dati strutturati](https://btlabs.dev/it/glossary/dati-strutturati)

## Domande frequenti.

**Che cosa sono i design token?**

I design token sono i mattoni con un nome di un’identità visiva: ruoli cromatici come sfondo, primo piano o colore del marchio, e ruoli tipografici come titolo e testo. Invece di un valore di colore sperso nel foglio di stile, viene dichiarato quale RUOLO ha quel valore — ed è esattamente ciò che una macchina può leggere.

**Un file con i design token migliora oggi il posizionamento?**

No. Nessun motore di ricerca lo valuta e non conosciamo servizi che oggi lo scarichino. Il beneficio è una scommessa sul passo successivo: quando gli assistenti inizieranno non solo a nominare le aziende ma a rappresentarle, serviranno una fonte per colore e carattere. Chi ce l’ha viene rappresentato correttamente invece che indovinato.

**Come capisco se il mio marchio è leggibile dalle macchine?**

Apri il tuo foglio di stile e chiediti se un estraneo potrebbe ricavarne qual è il colore del tuo marchio — non quale valore sta dove, ma quale ruolo ha. Se nel codice il colore del marchio si chiama solo `--colore-3` o sta senza nome accanto a due grigi identici, una macchina non può trovarlo.

---
Source: https://btlabs.dev/it/glossary/design-token
Languages: [de](https://btlabs.dev/llms/de/glossary/design-tokens) · [en](https://btlabs.dev/llms/en/glossary/design-tokens)
See also: [llms.txt](https://btlabs.dev/llms.txt) · [ai.txt (Policy)](https://btlabs.dev/ai.txt) · [identity.json](https://btlabs.dev/identity.json)