A marca do Instituto Porta da Mente, em três páginas.

Apresentação da identidade visual, design system completo e referência de tokens — light e dark. Comece pela apresentação se for sua primeira vez aqui.

Apresentação da Identidade Visual

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.

Abrir apresentação 02

Design System · Light

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

Ver design system 03

Design System · Dark

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

Ver design system