# 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 {% hint style="info" %} Lembrando: Todas as telas foram construídas pensando na experiencia do usuário tanto em dispositivos moveis quanto em desktops. {% endhint %} *** #### **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. --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://designsystem.lionsoft.com.br/guia-de-uso.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.