Tokens primitivos

O nível base do design system: os valores crus, como cada cor e cada medida, antes de receberem um papel.

Hard

O que é

Tokens primitivos são a camada mais baixa do design system: a lista crua de valores que existem, como cada tom de uma paleta de cor ou cada degrau de uma escala de espaçamento. São nomeados de forma descritiva, como azul-500 ou espaco-16, sem dizer ainda para que servem.

Eles formam o vocabulário bruto sobre o qual tudo é construído. Sozinhos, não carregam intenção: azul-500 é só uma cor, não diz se é botão, link ou alerta. É a camada semântica que dá sentido a eles, apontando texto de erro para um vermelho primitivo, por exemplo.

Para quem desenha produto, entender os primitivos ajuda a manter a base organizada. Uma paleta primitiva enxuta e consistente sustenta tokens semânticos limpos. Quando os primitivos viram bagunça, com cores quase iguais e escalas sem lógica, o resto do sistema herda essa desordem.

Em uma frase

Os primitivos já estão definidos, agora a gente monta os tokens semânticos em cima deles.

A pergunta que ele responde

Qual é a base de valores sobre a qual um design system inteiro é construído?

Quando usar

Como base estruturada de cor, espaçamento e tipografia sobre a qual os tokens semânticos são montados.

Como não usar

Aplicar primitivos direto na interface. Sem passar pela camada semântica, o sistema perde intenção e vira difícil de manter.

Na prática

A paleta primitiva define dez tons de azul numerados. Os tokens semânticos é que escolhem qual deles vira cor de ação.

Não confunda com

Tokens primitivos não são tokens semânticos: o primitivo é o valor cru sem papel, como azul-500, o semântico dá a esse valor uma função, como cor de ação primária.

D

Em inglês

Primitive Tokens

Pronúncia

n/a

Também chamado de

tokens primitivos, primitive tokens, tokens base, tokens globais

Origem

n/a

Fonte

Saiba mais

Nathan Curtis, artigos sobre tiers de design tokens