Ascend
Ascend
Docs
Design SystemTokens

Taxonomia

Primitive → semantic → component no @ascend/tokens.

Primitive  →  Semantic  →  Component
(hex/scale)   (roles)      (toast, sidebar…)
     ↑              ↑
  Product theme  Mode (light/dark)

Onde vive

  • CSS canônico: @ascend/tokens/css
  • Tipos e mapas TS: @ascend/tokens (brandThemes, space, radius, motion, shadow)

Regras

  1. Nomes estáveis entre produtos. Só valores mudam.
  2. Componentes referenciam semantic (bg-primary), nunca hex de produto.
  3. Tokens de componente só quando semantic não basta.
  4. Novo produto = novo mapa de tema em tokens, sem copiar @ascend/ui.

On this page