From 5c54af8b63e0d1dd86e3005fa2ffddc7f75ca74d Mon Sep 17 00:00:00 2001 From: Roni Fabio Banaszewski Date: Mon, 19 Oct 2026 15:48:04 -0300 Subject: [PATCH] =?UTF-8?q?docs:=20nomes=20dos=20design=20tokens=20em=20in?= =?UTF-8?q?gl=C3=AAs?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Os tokens viram classes do framework CSS (bg-primary) e aparecem em todo componente, então seguem a regra do código: inglês. O esqueleto do design-tokens.md trazia primaria, perigo, superficie; o /utf-design passa a orientar o nome em inglês, mantendo a conversa em português. Co-Authored-By: Claude Opus 5.5 (1M context) --- .agents/workflows/utf-design.md | 5 ++++- docs/design-tokens.md | 17 +++++++++-------- 2 files changed, 13 insertions(+), 9 deletions(-) diff --git a/.agents/workflows/utf-design.md b/.agents/workflows/utf-design.md index 1d3dcda..fb8a613 100644 --- a/.agents/workflows/utf-design.md +++ b/.agents/workflows/utf-design.md @@ -49,7 +49,10 @@ não consegue guardar — os tokens, os breakpoints e as decisões de abandono. 1. **Framework CSS** — apresente as opções que a ficha permite (ex.: Tailwind, PrimeNG), com o custo de cada uma. A escolha é única para o semestre. 2. **Tokens** — grave em `docs/design-tokens.md`: paleta (com os papéis: primária, - superfície, erro…), escala de espaçamento, tipografia, estados de botão. Não é + superfície, erro…), escala de espaçamento, tipografia, estados de botão. + **O nome do token é em inglês** (`primary`, `surface`, `danger`), como o resto do + código: no setup ele vira classe do framework CSS (`bg-primary`). A conversa com o + aluno segue em português; só o nome gravado na tabela é em inglês. Não é design system completo — é o mínimo para a IA não inventar um botão por tela. 3. **Protótipo** — registre o **link público** do Stitch/Figma no `docs/design-tokens.md` e no README. O protótipo é a jornada navegável: telas diff --git a/docs/design-tokens.md b/docs/design-tokens.md index dfada83..204f863 100644 --- a/docs/design-tokens.md +++ b/docs/design-tokens.md @@ -14,17 +14,18 @@ ## Paleta -Nome semântico, nunca `azul-2` — a cor muda, o papel dela não. +Nome semântico, nunca `blue-2` — a cor muda, o papel dela não. O nome é em +inglês, como o resto do código: ele vira classe do framework CSS (`bg-primary`). | Token | Valor | Onde se usa | | --- | --- | --- | -| `primaria` | | ação principal | -| `superficie` | | fundo de card e painel | -| `texto` | | texto padrão | -| `texto-suave` | | legenda, apoio | -| `perigo` | | erro, exclusão | -| `sucesso` | | confirmação | -| `desabilitado` | | controle inativo | +| `primary` | | ação principal | +| `surface` | | fundo de card e painel | +| `text` | | texto padrão | +| `text-muted` | | legenda, apoio | +| `danger` | | erro, exclusão | +| `success` | | confirmação | +| `disabled` | | controle inativo | ## Escala de espaçamento