Construindo o design system de uma marca que acabou de nascer

O problema

Quando uma empresa troca de marca, cada tela vira uma decisão. A Axia nasceu como nova identidade de uma das maiores companhias de energia da América Latina — e do dia para a noite, um parque inteiro de sistemas internos passou a carregar uma marca que não existia neles. Sem uma fonte única de verdade, cada time resolveria a transição do seu jeito: dezenas de interpretações da mesma identidade, retrabalho em série e uma marca nova já nascendo fragmentada no digital.

O papel: liderar, não desenhar tudo

Este não é um case sobre desenhar componentes — é sobre estruturar o time e o sistema que os desenha. Minha função foi definir a visão do design system, priorizar o que entra primeiro, estabelecer a governança e garantir que o trabalho do time sustentasse os produtos que não podiam esperar.

Fundações

Tokens antes de telas. A base do sistema parte da identidade da nova marca — tipografia DM Sans e a paleta institucional — traduzida em tokens de design documentados no Figma. Token primeiro significa que a marca muda uma vez, no sistema, e não tela a tela.

Consistência auditada, não presumida. Conduzi uma auditoria do design system para verificar aderência real dos produtos — porque sistema de design sem verificação vira biblioteca de sugestões.

Provado em produção. O sistema não ficou em laboratório: sustentou entregas reais em paralelo à sua construção — do redesign da assistente de IA interna (Dona Norma) a produtos em Salesforce/LWR e interfaces de gestão de risco. Cada produto que consome o sistema é um teste de estresse das suas fundações.

Governança

A governança do sistema define como novos componentes são propostos, revisados e publicados, quem aprova o que entra na biblioteca oficial e qual a cadência de release. É o coração de um design system depois do lançamento — a parte que decide se o sistema continua vivo ou vira arqueologia.

Resultados até aqui

• Base visual única sustentando a transição de marca nos produtos digitais internos.
• Componentes e tokens publicados dando velocidade à construção de novas telas.
• Auditoria contínua verificando aderência real dos produtos, não presumida.

O que este case mostra

Design system é 20% componente e 80% organização: decidir o que padronizar, convencer times a adotar, e manter o sistema vivo depois do lançamento. Este case documenta a parte que não aparece no Figma.