O Design System é diferente do Brand System.

O Brand System organiza a marca. O Design System organiza a aplicação visual e funcional da marca em interfaces, componentes, telas e materiais reutilizáveis.

Patterns

Padrões de uso · a partir do Nível 2

Padrões de navegação · padrões de formulário · padrões de listagem · padrões de busca · padrões de campanha · padrões de tela · padrões de cards · padrões de comunicação · padrões de anúncio interno · padrões de parceiro

Foundations

A base visual do sistema

Cores · tipografia · grid · espaçamentos · sizes · raios de borda · sombras · ícones · hierarquia visual · design tokens · estilos de imagem · princípios de layout

Componentes

Elementos reutilizáveis

Avatar · botão · card · checkbox · chip · date input · date picker · divisor · dropdown · icon button · info prompt · navigation · modal · switch · critical banner · header · footer · banner · pop-up · badge · tab · bloco para parceiro e outros