AppLauncher
- Angular:
mds-app-launcher - CSS/HTML (mds-styles): disponível
- Figma: ✅ — abrir Design System 2.0 ↗ _(busque pelo frame “NOTDSProdutoMobiis” dentro do arquivo)
- Tipo: Componente Angular
Definição Funcional
Seção intitulada “Definição Funcional”O AppLauncher é um seletor de produtos que permite a alternância rápida entre os diferentes sistemas do ecossistema Mobiis. Ele apresenta os módulos disponíveis de forma categorizada, oferecendo uma visão clara do portfólio e facilitando a navegação multi-produto.
Anatomia e Diretrizes de Escrita
Seção intitulada “Anatomia e Diretrizes de Escrita”- Identidade da Marca (Header): Exibe o logotipo Mobiis para reforçar que todos os itens pertencem ao mesmo ecossistema.
- Nome do Produto (Título): Identificador principal do módulo (geralmente uma sigla técnica ou nome comercial). Use Caixa de Título.
- Exemplo: TMS, Roteirizador, Torre de Controle.
- Descrição do Produto: Frase curta que resume a proposta de valor do módulo. Use Caixa de Sentença.
- Exemplo: Gestão de transporte ou Roteirização simplificada.
- Elementos Visuais: Cada item deve conter um ícone distintivo em um contêiner (box) colorido ou neutro para facilitar o reconhecimento visual imediato.
- Indicador de Navegação: Seta lateral (
chevron_right) indicando que o item é clicável e levará a uma nova URL ou contexto.