O Instituto Porta da Mente, em construção.

Hub de documentação de marca e páginas de produto do Instituto. Identidade visual, design system, tokens e landing pages — tudo em um lugar.

Documentação de marca

O conceito, a paleta, as tipografias e as diretrizes de imagem e tom de voz. A leitura recomendada para entender o porquê de cada decisão.

Tokens, tipografia, componentes, formulários e seções montadas no tema claro — referência visual completa para implementação.

Mesma referência completa no tema escuro — sobre o azul-petróleo da marca, com ajustes de contraste calibrados para WCAG AA.

Versão A — copy enxuta, ritmo de leitura rápido. 8 dobras, 2 dark. Para teste com público que decide rápido.

Versão B — copy estendida, storytelling clínico. 13 dobras, 3 dark. Para teste com público que precisa de mais contexto antes de decidir.