ValorBrainConhecimento da empresa, compartilhado entre pessoas e agentes. Um sistema para tornar essa continuidade visível no produto.
Peça conceitual gerada no nosso pipeline local de imagem (Qwen-Image-2.1 · encoder Heretic Q4 K M), explorando a paleta Paper · Obsidian · Green e o tema do conhecimento contínuo entre pessoas e agentes.
O ponto verde identifica a marca. Estados de produto usam ícone e texto: uma fonte disponível, uma revisão pendente ou uma falha precisam ser descritas.
#111317#3F9E5E#F6F7F3#192321#5F636BQuadrado de 1000 unidades, raio circular de 225. O ponto tem diâmetro 148 e base alinhada ao V em 750.
Hanken Grotesk
800 para títulos de marca, 600 para rótulos, 400 e 500 para leitura. Código e identificadores usam a família monoespaçada do produto.
A escala editorial do manual e a escala de interface têm tokens próprios. Use os papéis de texto, superfície, ação e foco para adaptar os temas.
Laboratório com dados fictícios. As ações abaixo demonstram estados e não gravam informações no ValorBrain. Use Tab para inspecionar o foco e alterne o tema.
Pronto para demonstrar o carregamento.
Revisar o prazo de resposta antes de usar esta orientação com clientes.
Fonte: documento de demonstração
Atualizado em 23 set. 2026 · responsável: equipe fictícia
| Referência | Estado | Revisão |
|---|---|---|
| Política de atendimento | △ Em revisão | 23 set. 2026 |
| Manual de integração | ✓ Revisado no exemplo | 22 set. 2026 |
Baixe o kit completo com logos, ícones, imagens e tokens CSS/JSON, ou escolha os arquivos individuais abaixo. O pacote inclui instruções para design e integração no frontend.
Texto normal: pelo menos 4,5:1. Foco e borda de controle: 3:1. A validação cobre pares sólidos dos tokens; não certifica a acessibilidade completa do produto. Estados desabilitados ficam fora desta medição.
| Tema | Combinação | Medido | Mínimo |
|---|---|---|---|
| light | text-primary / surface-canvas | 16.11:1 | 4.5:1 |
| light | text-secondary / surface-canvas | 6.03:1 | 4.5:1 |
| light | text-link / surface-canvas | 6.89:1 | 4.5:1 |
| light | focus / surface-canvas | 6.89:1 | 3:1 |
| light | border-control / surface-canvas | 6.03:1 | 3:1 |
| light | status-success-text / surface-canvas | 7.13:1 | 4.5:1 |
| light | status-warning-text / surface-canvas | 7.09:1 | 4.5:1 |
| light | status-error-text / surface-canvas | 6.47:1 | 4.5:1 |
| light | status-info-text / surface-canvas | 6.70:1 | 4.5:1 |
| light | status-ai-text / surface-canvas | 7.11:1 | 4.5:1 |
| light | text-primary / surface-card | 16.11:1 | 4.5:1 |
| light | text-secondary / surface-card | 6.03:1 | 4.5:1 |
| light | text-link / surface-card | 6.89:1 | 4.5:1 |
| light | focus / surface-card | 6.89:1 | 3:1 |
| light | border-control / surface-card | 6.03:1 | 3:1 |
| light | status-success-text / surface-card | 7.13:1 | 4.5:1 |
| light | status-warning-text / surface-card | 7.09:1 | 4.5:1 |
| light | status-error-text / surface-card | 6.47:1 | 4.5:1 |
| light | status-info-text / surface-card | 6.70:1 | 4.5:1 |
| light | status-ai-text / surface-card | 7.11:1 | 4.5:1 |
| light | text-primary / surface-muted | 14.30:1 | 4.5:1 |
| light | text-secondary / surface-muted | 5.35:1 | 4.5:1 |
| light | text-link / surface-muted | 6.12:1 | 4.5:1 |
| light | focus / surface-muted | 6.12:1 | 3:1 |
| light | border-control / surface-muted | 5.35:1 | 3:1 |
| light | status-success-text / surface-muted | 6.33:1 | 4.5:1 |
| light | status-warning-text / surface-muted | 6.29:1 | 4.5:1 |
| light | status-error-text / surface-muted | 5.74:1 | 4.5:1 |
| light | status-info-text / surface-muted | 5.95:1 | 4.5:1 |
| light | status-ai-text / surface-muted | 6.31:1 | 4.5:1 |
| light | action-fg / action-bg | 4.74:1 | 4.5:1 |
| light | action-fg / action-hover | 6.89:1 | 4.5:1 |
| light | action-fg / action-pressed | 9.46:1 | 4.5:1 |
| light | selection-fg / selection-bg | 13.51:1 | 4.5:1 |
| paper | text-primary / surface-canvas | 14.97:1 | 4.5:1 |
| paper | text-secondary / surface-canvas | 5.60:1 | 4.5:1 |
| paper | text-link / surface-canvas | 6.40:1 | 4.5:1 |
| paper | focus / surface-canvas | 6.40:1 | 3:1 |
| paper | border-control / surface-canvas | 5.60:1 | 3:1 |
| paper | status-success-text / surface-canvas | 6.63:1 | 4.5:1 |
| paper | status-warning-text / surface-canvas | 6.59:1 | 4.5:1 |
| paper | status-error-text / surface-canvas | 6.01:1 | 4.5:1 |
| paper | status-info-text / surface-canvas | 6.23:1 | 4.5:1 |
| paper | status-ai-text / surface-canvas | 6.60:1 | 4.5:1 |
| paper | text-primary / surface-card | 16.11:1 | 4.5:1 |
| paper | text-secondary / surface-card | 6.03:1 | 4.5:1 |
| paper | text-link / surface-card | 6.89:1 | 4.5:1 |
| paper | focus / surface-card | 6.89:1 | 3:1 |
| paper | border-control / surface-card | 6.03:1 | 3:1 |
| paper | status-success-text / surface-card | 7.13:1 | 4.5:1 |
| paper | status-warning-text / surface-card | 7.09:1 | 4.5:1 |
| paper | status-error-text / surface-card | 6.47:1 | 4.5:1 |
| paper | status-info-text / surface-card | 6.70:1 | 4.5:1 |
| paper | status-ai-text / surface-card | 7.11:1 | 4.5:1 |
| paper | text-primary / surface-muted | 14.30:1 | 4.5:1 |
| paper | text-secondary / surface-muted | 5.35:1 | 4.5:1 |
| paper | text-link / surface-muted | 6.12:1 | 4.5:1 |
| paper | focus / surface-muted | 6.12:1 | 3:1 |
| paper | border-control / surface-muted | 5.35:1 | 3:1 |
| paper | status-success-text / surface-muted | 6.33:1 | 4.5:1 |
| paper | status-warning-text / surface-muted | 6.29:1 | 4.5:1 |
| paper | status-error-text / surface-muted | 5.74:1 | 4.5:1 |
| paper | status-info-text / surface-muted | 5.95:1 | 4.5:1 |
| paper | status-ai-text / surface-muted | 6.31:1 | 4.5:1 |
| paper | action-fg / action-bg | 4.74:1 | 4.5:1 |
| paper | action-fg / action-hover | 6.89:1 | 4.5:1 |
| paper | action-fg / action-pressed | 9.46:1 | 4.5:1 |
| paper | selection-fg / selection-bg | 13.51:1 | 4.5:1 |
| dark | text-primary / surface-canvas | 17.61:1 | 4.5:1 |
| dark | text-secondary / surface-canvas | 7.23:1 | 4.5:1 |
| dark | text-link / surface-canvas | 10.39:1 | 4.5:1 |
| dark | focus / surface-canvas | 10.39:1 | 3:1 |
| dark | border-control / surface-canvas | 7.23:1 | 3:1 |
| dark | status-success-text / surface-canvas | 13.24:1 | 4.5:1 |
| dark | status-warning-text / surface-canvas | 12.90:1 | 4.5:1 |
| dark | status-error-text / surface-canvas | 9.80:1 | 4.5:1 |
| dark | status-info-text / surface-canvas | 10.31:1 | 4.5:1 |
| dark | status-ai-text / surface-canvas | 10.07:1 | 4.5:1 |
| dark | text-primary / surface-card | 16.33:1 | 4.5:1 |
| dark | text-secondary / surface-card | 6.71:1 | 4.5:1 |
| dark | text-link / surface-card | 9.63:1 | 4.5:1 |
| dark | focus / surface-card | 9.63:1 | 3:1 |
| dark | border-control / surface-card | 6.71:1 | 3:1 |
| dark | status-success-text / surface-card | 12.28:1 | 4.5:1 |
| dark | status-warning-text / surface-card | 11.96:1 | 4.5:1 |
| dark | status-error-text / surface-card | 9.09:1 | 4.5:1 |
| dark | status-info-text / surface-card | 9.56:1 | 4.5:1 |
| dark | status-ai-text / surface-card | 9.34:1 | 4.5:1 |
| dark | text-primary / surface-muted | 13.82:1 | 4.5:1 |
| dark | text-secondary / surface-muted | 5.67:1 | 4.5:1 |
| dark | text-link / surface-muted | 8.15:1 | 4.5:1 |
| dark | focus / surface-muted | 8.15:1 | 3:1 |
| dark | border-control / surface-muted | 5.67:1 | 3:1 |
| dark | status-success-text / surface-muted | 10.39:1 | 4.5:1 |
| dark | status-warning-text / surface-muted | 10.12:1 | 4.5:1 |
| dark | status-error-text / surface-muted | 7.69:1 | 4.5:1 |
| dark | status-info-text / surface-muted | 8.09:1 | 4.5:1 |
| dark | status-ai-text / surface-muted | 7.91:1 | 4.5:1 |
| dark | action-fg / action-bg | 7.80:1 | 4.5:1 |
| dark | action-fg / action-hover | 10.39:1 | 4.5:1 |
| dark | action-fg / action-pressed | 13.26:1 | 4.5:1 |
| dark | selection-fg / selection-bg | 9.46:1 | 4.5:1 |
