Design Tokens

Intro#

O que é um Design Token?#

De forma resumida, os design tokens são todas as opção de estilização que podemos usar em nossos componentes. Estão sempre espelhados entre design e tecnologia.

Medidas relativas

As ferramentas de design voltadas para interface utilizam pixel como unidade. Mas no desenvolvimento é importante considerar as medidas relativas (rem), pois valores fixos podem prejudicar a acessibilidade.

Global token#

São os tokens comuns, compartilhados entre todas as marcas que utilizam o Design System.

Typography (parcialmente)
Spacing
Border
Shadow
Colors (Feedback)

Brand token#

São os tokens específicos, que variam de uma marca para outra.

Typography (parcialmente)
Colors (Brand e Neutral)