Pular para o conteúdo

Mobiis Design System

Um lugar pra cada coisa, um porquê pra cada decisão. O design system por trás do ecossistema logístico da Mobiis — pra quem projeta e pra quem constrói.

Ilustração de uma pessoa desenhando numa mesa digitalizadora

Ilustração por Icons8 (Ouch!)

Devs, aqui vocês encontram cada componente pronto pra copiar, com a API de verdade ao lado. Designers, aqui está o porquê de cada peça se comportar do jeito que se comporta. Quer entender o sistema por trás dos componentes ou só achar o botão certo pra próxima tela — os dois caminhos começam abaixo.

Fundações

Cores, tipografia, espaçamento, elevação e formas: os tokens que sustentam tudo o resto. Ver fundações

Ícones

Do Lucide ao alias semântico em português usado no mds-angular — a galeria completa de ícones disponíveis. Ver ícones

Diretrizes de Interface

Princípios de design, nomenclaturas e estilo de escrita — como pensar e escrever pro MDS. Ver diretrizes

Componentes

O que cada componente é, quando usar (e quando não) — com um exemplo ao vivo do Storybook em cada página.