> For the complete documentation index, see [llms.txt](https://designsystem.lionsoft.com.br/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://designsystem.lionsoft.com.br/guia-de-uso.md).

# 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.