Foundations · 01
Tokens.
Dois níveis: pigmentos de base e decisões semânticas de aplicação.
Nível 1: tokens de base
Pigmentos brutos do sistema. Existem para nomear matéria, não para serem chamados diretamente em componentes novos.
Token
Valor
Documentação
preto-lenho
#0B0B08
Pigmento mais escuro do sistema. Base de toda superfície primária.
solo-claro
#F3F0E8
Pigmento claro de leitura. Usado para texto e traços de alto contraste.
cinza-musgo
#74736A
Neutro intermediário. Sustenta informação secundária e legendas.
areia-fossil
#B7A380
Neutro quente. Marca camadas comerciais e materiais de apresentação.
argila-viva
#A45E3D
Acento primário. Sinaliza ação, foco e estados ativos.
clorofila-seca
#7C8A5C
Acento vegetal. Sinaliza permanência, validação e continuidade.
raiz-escura
#232219
Pigmento de estrutura. Bordas, divisores e limites de superfície.
Nível 2: tokens semânticos
Camada de uso. Cada token descreve uma função da interface e aponta para um pigmento de base. Componentes consomem apenas esta camada.
Semântico
Base
Valor
Documentação
surface.default
preto-lenho
#0B0B08
Fundo padrão de páginas e áreas de leitura.
surface.elevated
raiz-escura
#151511
Superfície de painel, card e bloco destacado.
text.primary
solo-claro
#F3F0E8
Texto principal, títulos e rótulos de alta prioridade.
text.secondary
cinza-musgo
#74736A
Texto de apoio, metadados e descrições curtas.
border.subtle
raiz-escura
#232219
Divisor de 1px entre blocos, tabelas e listas.
access.public
clorofila-seca
#7C8A5C
Nível E0 Público, aberto a qualquer visitante.
access.commercial
areia-fossil
#B7A380
Nível E1 Comercial, material de marca de uso geral.
access.technical
cinza-musgo
#6A6E5E
Nível E2 Técnico, exige conta autenticada.
access.internal
argila-viva
#8C5440
Nível E3 Interno, exige papel de colaborador.
access.restricted
argila-viva
#A45E3D
Nível E4 Restrito, núcleo e administração.
access.sensitive
preto-lenho
#0B0B08
Nível E5 Sensível, administração com registro obrigatório.
state.success
clorofila-seca
#596B45
Confirmação, publicação concluída e verificação aprovada.
state.warning
areia-fossil
#B7A380
Atenção, revisão pendente e material provisório.
state.blocked
argila-viva
#A45E3D
Bloqueio de acesso, erro de permissão e conteúdo indisponível.
Regras de consumo
- Componentes novos consomem apenas tokens semânticos.
- Pigmentos de base não aparecem em código de interface.
- Valores literais em hexadecimal são proibidos fora desta documentação.
- Todo token novo entra com nome, valor, base e uma linha de documentação.