Vox Mente
Design system Vox Mente

Um sistema para estruturar a inclusão escolar — não só uma paleta.

Navy para estrutura e confiança, purple para cognição e aprendizagem, teal para progresso e conclusão. Cada componente aqui existe porque uma tela real de escola, família ou terapeuta precisou dele — e a IA que aparece nesses blocos sempre sugere, nunca decide sozinha.

Documentado
93 de 93
cobertura completa
Componentes
72
exportados por @voxmente/ui
Blocos de tela
4
composições prontas para copiar
6
FundamentosCor, tipografia, espaçamento, raio, sombra e ícones — os tokens que tudo herda.
4
Padrões de telaA forma que toda tela repete: casca, estados, cabeçalho, gráficos prontos.
4
BlocosTelas inteiras compostas com o sistema, prontas para copiar e adaptar.
72
ComponentesAs peças, uma a uma, com API, estados e o texto que explica quando usar cada uma.
7
SitemapO mapa do produto por área e por fluxo, derivado do escopo contratado e cruzado com o que já existe em código.

Em uso — não só peças soltas

A mesma combinação de indicador, progresso e tabela que aparece num painel real de acompanhamento de turma — StatCard, Progress e Table, com a moldura e o cabeçalho de fundo que toda tabela do produto tem.

Turmas acompanhadas
12
+2 este mês
Progresso médio
62%
trilha de leitura
Precisam de atenção
1
progresso abaixo de 50%