Esses cards, criados de acordo com o modelo Material Design, são utilizados na interação social entre usuários do aplicativo. O modelo superior apresenta título, corpo e identificação do autor. O modelo inferior inclui também a implementação de uma imagem.

Para manter a consistência na identidade visual do produto, os cartões devem seguir os mesmos parâmetros de bordas, sombras e contornos dos demais elementos presentes no Guia de Estilo.

A tipografia em exemplo oferece opções de texto suficientes para organizar dinamicamente o conteúdo da página de forma hierárquica, sem se tornar muito variada. A fonte escolhida é Noto Sans, do Google, garantindo legibilidade fácil.

Os títulos grandes são em negrito semi-italico e os títulos em médio, para criar ênfase e hierarquia.

Esse menu pode ser utilizado com ou sem ícones. É responsivo e componentizado para manter a mesma estrutura em toda a plataforma. Ele oferece diversas opções ao usuário sem poluir a tela, pois são exibidas apenas ao clicar em um botão, geralmente um botão com três pontos. 

A sombra também é parametrizada em todo o sistema. A sombra ao lado é utilizada para cartões e objetos dentro do corpo principal da página. 

Esses são os principais ícones utilizados no aplicativo. Embora seja possível expandir essa seleção, manter um conjunto com apenas os ícones essenciais ajuda a manter a imagem do sistema uniforme, promovendo coerência visual e facilitando a navegação.

Esse esquema de alerta simples foi criado para ser exibido na parte inferior da tela após o usuário realizar uma ação, fornecendo feedback claro e discreto. 

Esse menu pode ser implementado estrategicamente para oferecer múltiplas ações/opções ao usuário, mantendo a tela limpa, pois só é exibido após clicar em um botão específico. Ele funciona bem com um botão de três pontos. 

As labels são comumente utilizadas em diversas plataformas e para vários propósitos. No exemplo ao lado, temos labels de texto, seleção única, seleção múltipla, busca e data.

Quando prototipados, esses componentes criam uma experiência interativa e fazem uma diferença significativa na imersão do usuário durante os testes de produto.

Essa tipografia foi criada com situações específicas em mente, e cada tamanho e estilo de fonte é utilizado com um propósito. Uma tipografia com apenas opções essenciais cria mais fluidez no design e torna o aplicativo mais uniforme.