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.
O logotipo do Suap foi construido a partir da fonte padrão do sistema: a Open Sans. Unindo simplicidade, sofisticação e intuitividade, o uso de uma fonte sem serifa expressa bem o fato de ser um sistema completamente digital e bem usual, para ser utilizado com facilidade por instituições públicas no dia a dia.
Em caso de uso e aplicação das diferentes versões do logotipo do Suap, baixe a pasta abaixo:
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.