Page cover

Guia de uso

Este guia explica como utilizar os templates padrões e quais elementos podem ser customizados para adaptar as telas às necessidades do projeto.


Estrutura das Telas

Os templates seguem um padrão visual para garantir consistência. Cada tela (exceto o login) é composta por:

  • Cabeçalho (Header): Pode conter logo, título, navegação ou ações principais.

  • Corpo (Content): Área principal onde os conteúdos e componentes são exibidos.

  • Menu lateral (LeftMenu): Área da lateral esquerda onde se encontram as rotas da aplicação

Lembrando: Todas as telas foram construídas pensando na experiencia do usuário tanto em dispositivos moveis quanto em desktops.


O que pode ser customizado?

Os templates permitem algumas personalizações para melhor se adequar ao contexto do produto:

  • Cores: Alteração da paleta para combinar com a identidade visual.

  • Textos: Possibilidade de modificar títulos e mensagens

  • Imagens de fundo: Comum nas telas de login, é possível escolher a imagem que irá de background.

  • Logos: Possibilidade de adicionar as logos do cliente e buscar a identidade visual da marca dele.

Atualizado