Design system completo, componentes, tokens e implementação em código eliminando dependências externas.
A Sentinela precisava de uma solução centralizada para construir e manter interfaces digitais sem depender de ferramentas externas. O objetivo era unificar design, código e gerenciamento de processos em uma única solução coesa.
Fui responsável por todo o processo: da arquitetura de tokens no Figma até a implementação em HTML, CSS, JavaScript e PHP, com arquitetura inspirada em Bootstrap, mas totalmente customizável para as necessidades da empresa.
Suporte nativo a Dark e Light mode com CSS custom properties, sem JavaScript para troca de tema.
Design system no Figma com componentes, estados, variações e diretrizes de uso documentadas.
Interface de documentação onde devs copiam componentes prontos com código de implementação.
Integração com Prism.js para highlight de código na documentação, legibilidade máxima.
Sistema de gestão de projetos embutido na plataforma, tudo centralizado, sem ferramentas externas.
Sistema tipográfico com escala modular e breakpoints definidos, consistência em todos os dispositivos.
Componentes com lógica de servidor em PHP para integrações dinâmicas nos sistemas da empresa.