Design System SAGE/MS

O Design System para a Sala de Apoio à Gestão Estratégica do SUS, foi criado e desenvolvido com o objetivo principal de apoiar um conjunto de sistematização para a produção de painéis de visualização de dados em saúde pública. A iniciativa foi desenvolvida mediante Carta Acordo entre OPAS (Organização Pan-Americana de Saúde) e USP (Universidade de São Paulo) em colaboração com DEMAS/SE (Departamento de Monitoramento e Avaliação do SUS). Esta documentação fornece bases de padronização de elementos visuais para os projetos de visualização de dados, também como apresenta boas práticas e requisitos no uso de gráficos e mapas de saúde.

Como usar

Entenda como funciona o Design System da SAGE. Saiba como escolher os gráficos e suas dicas de uso, compor painéis, acessar estilos e baixar templates.

Comece aqui

Manual de Identidade

Consulte as diretrizes de marca da SAGE, acessando informações sobre logo, tipografia, cores e grades de alinhamento. Baixe os arquivos vetorizados do logo da SAGE.

Ver manual

Componentes UI

Acesse os componentes visuais no formato Figma para a elaboração de protótipos de alta fidelidade. O arquivo contém gráficos e componentes visuais.

Baixar componentes

Painéis

Tenha acesso a orientações para composição de painéis e templates para download. Veja como o painel deve se integrar à arquitetura do portal SAGE. Página em desenvolvimento.

Acessar orientações

Gráficos

Séries Temporais

Mapas

Gráficos relacionais

Tabelas

Infográficos