Estrutura visual sem base escalável.
O Design System estava parcialmente documentado no Figma, sem definição de tokens de cores, tipografia e espaçamento. Componentes apresentavam inconsistências e não havia integração estruturada com o front-end. Com a evolução da marca e do produto, tornou-se essencial criar uma base organizada, consistente e alinhada à nova identidade visual, preparada para sustentar crescimento e escalabilidade.
Style Guide
Helvetica Now Text
Font Family
A Helvetica Now Text é uma versão otimizada da clássica Helvetica, desenvolvida pela Monotype para alta legibilidade em textos longos e corpos menores. Ela equilibra formas abertas e espaçamento refinado, garantindo clareza em telas e impressões, sendo parte de uma família com tamanhos ópticos dedicados (Micro, Text, Display).
Regular
O que a Insany precisava resolver
Alinhar visualmente o sistema à nova identidade da marca
Estruturar tokens de cores, tipografia e espaçamento
Padronizar bordas e radius entre componentes
Preparar o sistema para Light e Dark mode
Elevar padrões de acessibilidade
Organizar documentação por componente
Estrutura, consistência e evolução contínua
A evolução do Design System trouxe mais clareza, eficiência e segurança para o time. O uso interno tornou-se mais fluido, decisões visuais passaram a ser mais consistentes e o retrabalho foi reduzido. A Bloxs passou a contar com uma estrutura organizada e confiável, capaz de sustentar expansão, novas funcionalidades e a evolução contínua da experiência do usuário.
Mais projetos
(2018-2026©)
