Design system do Intent documenta linguagem visual em constante evolução

O design system do Intent funciona como um inventário vivo da marca: logos, paleta de cores, tipografia, iconografia, medidas e componentes num só lugar. A regra para o logotipo é direta: usar a arte fornecida, sem redesenhar, esticar ou mudar proporções. A paleta combina uma base de neutros quentes com um acento cítrico, e tokens semânticos ligam cada cor à sua função na interface. Gradientes aparecem como trabalho em andamento, para fundos e superfícies sutis, com o aviso de não exagerar.

Na tipografia, a ABC Arizona Mix dá forma expressiva aos títulos e a Inter cuida da interface e dos textos de apoio. Os ícones funcionais derivam da linguagem da marca: cantos arredondados e pontas retas, numa grade de 192px com traço de 16px. Em 16x16px, isso dá 1,33px de espessura. Em 12x12px o traço não diminui, as formas é que são reduzidas e simplificadas. Raios de canto e margens já são tokens no global.css, ligados aos componentes. Tamanhos e elevação ainda são definidos por componente, e os componentes disponíveis hoje no site em Astro terão layouts detalhados e guias de uso depois.

A cobertura anterior ajuda a situar a página, mas não mostra uma evolução anterior do Intent em si. Em 17 de agosto de 2026, o CEVIU noticiou "Alinhando o Design: Combatendo a Deriva em Design Systems com Estratégia e IA", sobre o descompasso entre Figma e produto final. A lista de checagem da página (tokens de cor, escala tipográfica, estados de componentes comparados ao Figma) toca nesse mesmo problema.

Para quem trabalha com design system, o exemplo é útil pela honestidade: a página admite o que é token e o que ainda é ajuste por componente. Isso é leitura editorial, mas mostra que documentar o estado real, inclusive as lacunas, ajuda o time a saber onde ainda há risco de inconsistência. Regras como a do traço dos ícones em tamanhos pequenos também mostram como detalhes de legibilidade e contraste entram na rotina.