Logo
3 variantes da marca
circular (120px)
mark (64px)
badge (80px)Cores
Tokens semânticos — alternam entre light e dark
background
surface
primary
accent
muted
success
warning
danger
border
Cores de dado
Séries em ordem fixa e etapas de funil — validadas nos dois temas
serie-1
serie-2
serie-3
serie-4
serie-5
serie-6 ⚠
serie-7 ⚠
⚠ serie-6 e serie-7 ficam abaixo de 3:1 sobre o branco: ao usá-las, rotule as marcas diretamente ou ofereça a tabela.
Tipografia
Inter — utility classes do globals.css
Display 44 / 700
H1 30 / 700
H2 22 / 600
H3 17 / 600
Body large 16 / 400
Body 14 / 400 — padrão da UI
Small 12 / 400 — legendas e metadados
R$ 1.234.567,89 — métrica 32, número longo
128 — métrica 44, número curto
R$ 184k
Buttons
Variantes e tamanhos
Badges
Status e destaques
Cards de métrica
Padrão para o dashboard
Card padrão
Container base do shadcn aplicado à marca
32 pedidos sincronizados, 1 divergência identificada na comparação com a API.
Empty state
Para tabelas sem resultado, primeira vez de uso, filtros sem match
Nenhum pedido neste período
Ajuste o intervalo de datas ou remova um filtro para ver mais resultados.