Foundations

Tokens e fundamentos do ME — cores, tipografia, espaçamento e marca; a base sobre a qual componentes e telas são construídos.

Introdução

Princípios e como usar o guide no dia a dia.

Escala da marca e cores semânticas (feedback) — quando usar cada tom.

Família, escala e pesos — hierarquia de texto nas telas.

Escala de espaçamento e ritmo — densidade e respiro entre elementos.

Tokens

Fonte única de verdade para decisões e padrões da interface.

Border Radius

Elementos que delimitam, organizam e destacam conteúdos.

Shadows & Elevation

Camadas e profundidades que criam hierarquia visual.

Icons

Representações visuais de ações, comandos e funcionalidades.

Illustrations

Recursos visuais que representam ações, estados e cenários.

Brand

Diretrizes de identidade e aplicação da marca na interface.

Breakpoints

Padrões para adaptação da interface em diferentes dispositivos.

Voz e conteúdo

Como o ME escreve — voz, mensagens e nomenclatura. Texto é UX.

Acessibilidade

Teclado, foco, contraste e leitores de tela — a interface para todos.