Design token
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.
Termini correlati
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.