SPH Deep-dive do case DHuO
Sphere — Design System
Design System do ecossistema DHuO: escala e consistência entre módulos e times.
Biblioteca compartilhada · alinhamento design ↔ engenharia
SPHO sistema
Design System como produto.
-
Fundamentos
- tokens
- cores
Decisão: consistência entre módulos e times
-
Componentes
- Atomic Design
- componentes
Decisão: biblioteca compartilhada
-
Engenharia
- documentação no Figma
- integração com desenvolvimento
Decisão: alinhamento design ↔ engenharia
Fundamentos, componentes e documentação — pensados para adoção por designers e devs, não só para um arquivo bonito.
Contexto
Múltiplos produtos no ecossistema DHuO precisavam de linguagem compartilhada para crescer sem fragmentar a experiência.
Problema
Interfaces e estilos divergentes entre times geravam retrabalho e inconsistência.
Meu papel
Co-criação do Sphere com o time de design — fundamentos, componentes e alinhamento com engenharia.
Decisões
Atomic Design + tokens + documentação no Figma para um sistema usável por designers e devs.
Solução & artefatos
Telas e detalhes do projeto.
Sistema usável por design e engenharia
Sphere trata Design System como produto: fundamentos, componentes, tokens e documentação no Figma — pensados para adoção, não só para um arquivo bonito.
- Atomic Design + tokens como contrato design ↔ eng.
- Documentação no Figma para reduzir ambiguidade na implementação.
- Governança e consistência multi-módulo no ecossistema DHuO.
O que descartamos
Problema
Interfaces e estilos divergentes entre times geravam retrabalho e inconsistência.
Resultado
Biblioteca compartilhada · alinhamento design ↔ engenharia
Impacto
Resultados esperados no case original (velocidade, consistência) sem métricas numéricas publicadas aqui. Depoimentos (Luca, Rafaela) sustentam colaboração e estrutura do sistema.
Aprendizados
Design System é produto: governança e adoção importam tanto quanto o arquivo no Figma.