Design System de Mato Grosso do Sul

O DS MS define padrões visuais e diretrizes de arquitetura da informação que garantem uma experiência unificada. Isso reduz a curva de aprendizado e fortalece a confiança e a eficiência na interação entre o cidadão e o Governo do Estado. Conheça o projeto.

O que é o Design System

O Design System do Governo de Mato Grosso do Sul (DS MS) é a base da Transformação Digital do Estado. Ele unifica a aparência e o funcionamento dos serviços públicos digitais, garantindo uma experiência simples, consistente e acessível para o cidadão.

Gerenciado pela Superintendência do Governo Digital, o DS MS promove transparência, previsibilidade e facilita o trabalho de desenvolvedores e equipes que constroem soluções para o Governo.

Acessibilidade: Garante que os produtos digitais sejam utilizáveis por todos os cidadãos, incluindo o uso de plugins (User way, V-Libras) e ferramentas de auditoria (ASES, Wave, Lighthouse).

Flexibilidade: Permite a adaptação dos componentes visuais e padrões em diferentes cenários, como a versão mobile, desktop, sistemas e páginas de programas.

Centrado no usuário: Foca em melhorar a experiência do cidadão, facilitando o acesso a serviços públicos e garantindo uma curva de aprendizado única e previsibilidade.

Bem-estar digital: Assegura que as interações digitais do Governo tenham alta qualidade e usabilidade, tornando a experiência eficiente, intuitiva e previsível para o cidadão.

Conhecer mais sobre o projeto

Como solicitar acesso ao projeto?

O acesso às ferramentas e à documentação do Design System, como as Galerias de Componentes, é previsto para qualquer profissional autorizado a criar páginas web ou sistemas para o Governo.

Acessar projeto e materiais

A documentação e os materiais acessíveis servem como base para que qualquer profissional autorizado possa criar páginas web, garantindo a consistência da identidade visual do governo e a previsibilidade na experiência do cidadão. Cadastre-se e tenha acesso a recursos, mentores e suporte especializado para desenvolver seus projetos inovadores. Não perca a chance de fazer a diferença e contribuir para o desenvolvimento do estado!

Solicitar acesso

Documentação e diretrizes de design

Documentação e diretrizes de design Conjunto de padrões, manuais e ferramentas criadas para capacitar designers e desenvolvedores na construção de produtos digitais que reflitam a identidade do Governo Digital do Mato Grosso do Sul. Cadastre-se e tenha acesso a recursos, mentores e suporte especializado para desenvolver seus projetos inovadores. Não perca a chance de fazer a diferença e contribuir para o desenvolvimento do estado!

Acessar documentação

Documentação

Explore os ambientes do Design System e conheça seus componentes, padrões, diretrizes e materiais de apoio. Cada área foi estruturada para orientar profissionais na criação de soluções digitais mais acessíveis, consistentes e alinhadas ao Governo Digital. Participe e contribua para evoluir a experiência do cidadão por meio do design.

Diretrizes de design

Fundamentos que sustentam a estrutura e os princípios do Design System.

Cores

Paleta escalável com aplicação consistente em diferentes contextos visuais.

Espaçamentos

Sistema de espaçamento padronizado para garantir harmonia entre os elementos.

Tipografia

Fontes acessíveis e legíveis, pensadas para diferentes públicos e dispositivos.

Acessibilidade

Práticas inclusivas que tornam o design utilizável por todas as pessoas.

Componentes

Mais de 45 componentes documentados, prontos para uso em interfaces digitais.

Modelos(Templates)

Mais de 15 modelos de páginas para acelerar a construção de soluções.

Padrões gerais

Conjunto de boas práticas e padrões que orientam o uso consistente do design.

Indicadores do projeto

24

SITES CONSTRUÍDOS

41

COMPONENTES CRIADOS

8

TEMPLATES DISPONÍVEIS

AAA

WCAG

Perguntas e respostas mais frequentes

Ainda precisa de ajuda?

Caso precise de assistência adicional, não hesite em entrar em contato conosco. Se tiver qualquer outra pergunta, por favor, entre em contato através do e-mail:

designsystem@segov.ms.gov.br

Ainda precisa de ajuda?

Se você precisar de mais apoio, estamos à disposição. Envie sua dúvida para designsystem@segov.ms.gov.br e nossa equipe retornará o mais breve possível.