Design System by Vendemmia Analytics

Neste espaço, você encontrará todas as diretrizes essenciais para garantir consistência, eficiência e qualidade em nossas soluções digitais. Esta documentação foi criada para servir como referência para times de design, desenvolvimento e produto, promovendo uma linguagem visual unificada e uma experiência de usuário coesa.

Princípios do Design System

Consistência

Padrões visuais e de interação unificados para criar experiências coesas em todos os produtos.

Saiba mais

Eficiência

Componentes reutilizáveis que aceleram o desenvolvimento e reduzem a carga cognitiva.

Saiba mais

Acessibilidade

Desenvolvido seguindo as diretrizes WCAG para inclusão de todos os usuários.

Saiba mais

Escalabilidade

Estrutura modular que cresce com suas necessidades sem comprometer a qualidade.

Saiba mais
Guia Completo do Sistema

Componentes Interativos

Controles

Botões, switches, sliders e outros elementos de interação com feedback visual.

Explorar

Formulários

Campos de entrada, validação, seletores e padrões de formulário acessíveis.

Explorar

Overlays

Modais, tooltips, popovers e notificações contextuais.

Explorar

Aparência

Cores

Paleta completa com tons primários, secundários e sistema de escalas.

Ver paleta

Tipografia

Hierarquia de fontes, pesos e padrões de espaçamento.

Ver tipografia

Efeitos

Sombras, gradientes, transições e animações padronizadas.

Ver efeitos

Imagens

Tratamento

Filtros, máscaras e estilos consistentes para imagens.

Ver diretrizes

Ícones

Biblioteca de ícones e padrões de uso.

Ver ícones

Ilustrações

Estilo visual para gráficos e ilustrações customizadas.

Ver exemplos

Acessibilidade

Diretrizes de uso

Padrões leis que regras que devem seguir a LGPD explícita aos usuários.

Ver padrões

Contraste

Diretrizes de cores para legibilidade e contraste adequado.

Ver diretrizes

ARIA

Implementação de atributos ARIA para elementos interativos.

Ver exemplos