Este guia centraliza todos os elementos de design e interface utilizados nas aplicações do Suap, promovendo uma linguagem visual unificada entre módulos, facilitando o trabalho de equipes de desenvolvimento e design.
O Design System do Suap é um conjunto de diretrizes, componentes, padrões visuais e boas práticas que orientam o desenvolvimento da interface do Sistema Unificado de Administração Pública (SUAP). Ele foi criado para garantir consistência visual, acessibilidade, eficiência no desenvolvimento e melhoria contínua da experiência dos usuários.
Orientações sobre o uso correto da marca, logotipos, variações, cores institucionais e aplicações recomendadas.
Aqui, demonstramos como os componentes e padrões visuais se integram em telas, fluxos e módulos do sistema, respeitando a identidade visual e as diretrizes de usabilidade definidas.
A paleta de cores do SUAP define os tons fundamentais que compõem a identidade visual do sistema.
#0A7F70
#1A1A1A
#008DCC
#1FAD34
#CAC302
#CA6902
A tipografia do Suap foi escolhida para garantir legibilidade, clareza e alinhamento com a identidade institucional do sistema.
