DS MASTER → código
Tokens e componentes
Tudo nesta página usa só os tokens semânticos. Troque o tema no canto superior direito para conferir o Light e o Dark.
Cores da marca
Escala Brand do Figma. O 500 é o Primary.
50
100
200
300
400
500
600
700
800
900
950
Cores semânticas
Estas mudam entre Light e Dark. Os componentes só usam estas.
surface
surface-subtle
surface-muted
surface-strong
primary
primary-soft
success
warning
danger
text-title
text-body
text-muted
Tipografia
DM Sans · Regular, Medium e SemiBold.
6xl · 60/64Licitações com IA
5xl · 48/52Licitações com IA
4xl · 36/40Licitações com IA
3xl · 30/36Licitações com IA
xl · 20/28Licitações com IA
lg · 18/28Licitações com IA
md · 16/24Licitações com IA
sm · 14/20Licitações com IA
Sombras e raios
xs
sm
md
lg
xl
2xl
3xl
sm
lg
xl
2xl
3xl
full
Botões
Campos
Usado para buscar CNAEs e porte automaticamente.
Informe um e-mail válido.
Badges e alertas
PregãoAtendidoVence em 5 diasNão atendidoRascunhoSP
Sua empresa atende 90% dos requisitos técnicos
Falta 1 atestado com quantitativo mínimo de 500 m².
Certidões em dia
Todas válidas até a data de abertura.
CND Federal vence antes da abertura
Renove até 12/12.
Índice de liquidez abaixo do exigido
Exigido 1,5 · Atual 1,2 (item 8.4, pág. 21).
Card e tabela
Oportunidades com match ≥ 80%
128
+12% na semana
Skeleton (estado de carregamento)
| Órgão | Modalidade | Valor estimado | Match |
|---|---|---|---|
| Prefeitura de Campinas/SP | Pregão Eletrônico | R$ 1.240.000,00 | 92% |
| Governo do Estado da Bahia | Concorrência | R$ 8.900.000,00 | 71% |
| Ministério da Saúde | Dispensa | R$ 48.500,00 | 38% |
Interativos
Abas, menu, modal e toast.
CND Federal, FGTS, CNDT e certidão de falência (item 7.1, pág. 14).