# Cartão de métrica escuro — verde que nasce no canto, série em menta

Aprendido em 2026-09-24 replicando em vetor o cartão "Chart" que no arquivo
`<figma-ds>` existia só como imagem 1200×900 (nó `194:3`); réplica
em `200:38`. Spec e scripts de medição em
`~/Documents/Profissional/replicas/nash-ds-chart-card/`. Renderizado e visto
lado a lado com a referência.

- **O verde do fundo é um degradê linear só, com a curva nas paradas.** A
  varredura de ângulo (erro dentro de faixas de mesma projeção) deu 52°, a
  diagonal do cartão, e ganhou de qualquer degradê radial testado. O perfil
  ao longo dela não é linear: neutro de `#171717` a `#0C100F` na primeira
  metade, e o verde só sobe da metade em diante, acelerando até `#023C25`.
  Dez paradas copiadas do perfil medido deixam resíduo de ±2 níveis.
- **A área sob a linha é verde puro com alfa baixo, não a cor da linha.** A
  razão ΔR/ΔG/ΔB sobre o fundo dá `#00FFA7`; o alfa fica perto de 7,5% até a
  metade da área e cai a zero na altura do ponto mais baixo da série, não no
  eixo. Pintada com a menta da linha, a área puxa vermelho que a referência
  não tem.
- **Sombra de cartão flutuante é duas gaussianas com spread negativo.** Uma
  curta (y 16,6, blur 14,8, spread −6,5, 31%) e uma longa e fraca (y 69,
  blur 34,3, spread −14,9, 9%); o spread negativo é o que zera a sombra nas
  laterais. Ajuste por mínimos quadrados com σ = blur/2 fecha em RMS 0,4.
- **Texto claro sobre escuro numa imagem reduzida pede um peso acima.** Inter
  Regular deu 79%–84% da tinta da referência em todos os textos claros, e
  Medium deu 92%–105%. A medida que decide é a massa de tinta (soma do
  contraste), comparada texto a texto; o formato do glifo não denuncia o peso
  numa imagem suavizada.
- **Linha de série se traça por centróide de coluna, sem dizimar.** A
  primeira versão suavizou em 5 pontos e amostrou de 3 em 3 px: o desvio médio
  ficou baixo e mesmo assim os zigue-zagues do fim da série perderam
  amplitude à vista. Amostrando a cada 1 px com suavização [1,2,1], o desvio
  cai para 0,10 px e o serrilhado volta.
- **Conota**: o verde nasce no canto do 34,4% e anuncia "subiu" antes do
  número; a menta fica só no que é ganho (linha, +334, seta), e o branco puro
  marca a hierarquia por brilho — título, total, aba ativa.

**Armadilhas da API, pagas na sessão:** trocar `vectorPaths` de um vetor que já
existe soma as coordenadas do caminho à posição atual do nó; zere `x`/`y` antes
e deixe o Figma normalizar. E `findOne` por nome acha antes o texto que se
chama igual a um frame (um texto "Chart" nomeado pelo próprio conteúdo);
restrinja por `type`.