MAR-001 · check-ai-docs
Identidade visual e design system
Em revisão- Versão
- 1.0.0
- Responsável
- @Samara Silvia Sabino
- Última atualização
- 8 de out. de 2026
- Pilar
- Marca UX/UI Acessibilidade Front-end
- Tipo
- Design system Documento vivo
01 Paleta oficial
Os componentes não usam cores diretamente; usam papéis (fundo, texto, ação…) que assumem valores diferentes em cada tema. A fonte da verdade é o arquivo tokens.css.
| Cor | Hex | Token | Uso principal |
|---|---|---|---|
| Azul de ação | #1461B9 | --palette-blue-500 | Botões e links no claro |
| Azul oficial | #1D5294 | --palette-blue-600 | Símbolo; hover dos botões |
| Navy profundo | #040F1D | --palette-navy-900 | Texto no claro |
| Céu | #84A5C6 | --palette-sky | Ação e links no escuro |
| Laranja | #EB5C3C | --palette-orange | Assinatura e destaque no claro |
02 Cores de status
Paleta própria, separada do laranja da marca, sempre com ícone e texto.
Atenção
Pendente com o backend: existem oito valores de status (cinco atuais e três legados). O mapeamento dos legados precisa ser decidido em conjunto.
03 Tipografia
| Uso | Fonte | Motivo |
|---|---|---|
| Títulos e interface | Plus Jakarta Sans | Geométrica, boa em tamanhos grandes |
| Texto corrido | Inter | Desenhada para tela |
| Detalhes técnicos | JetBrains Mono | Códigos, referências de norma, rótulos |