- Visão Geral
- Fundamentos
- Cores
- Tipografia
- Espaçamento & Grid
- Componentes
- Padrões
- Diretrizes de Código
Um template abrangente para criar e documentar seu sistema de design. Esta base pode ser personalizada para corresponder à identidade da sua marca, biblioteca de componentes e princípios de design.
Princípios e valores essenciais de design Valores da marca, princípios e voz
Paletas de cores e diretrizes de uso Cores primárias, secundárias e semânticas
Fontes, escalas e estilos Títulos, texto de corpo e estilos especiais
Sistemas de layout e escalas de espaçamento (grids e regras)
Blocos de construção de UI com documentação Botões, inputs, cards e mais
Padrões complexos de UI e composições Formulários, navegação, listas, tabelas
Aprenda como usar e contribuir para este sistema de design
Este template de sistema de design fornece uma base sólida para criar e manter uma linguagem de design consistente para seus produtos. Comece explorando as diferentes seções e personalizando-as para corresponder à identidade única da sua marca.
Modelo de Design System Versão 1.0 • Última Atualização: Maio 2025
Para uma melhor experiência, recomenda-se acessar este modelo de Design System em um desktop.