DOC: create identidade-visual docmentation and alter diagrams

docs/gestao-do-projeto/arquitetura.md

@@ -7,6 +7,7 @@
 | 08/12/2024 | 0.1    | Criação do documento                           | Jonas Carlos        |
 | 08/12/2024 | 0.2    | Criação dos topicos 1 e 2                      | Jonas Carlos        |
 | 09/12/2024 | 0.2    | Criação dos tópico 3 a 8                      | Mateus Maia      |
+| 17/12/2024 | 1.1    | Alteração dos diagramas Conceitual e Lógico                      | Mateus Maia      |
 
 ---
 
@@ -99,14 +100,22 @@ Diagrama de contexto é uma ferramenta para modelar o escopo através de um diag
 
 A Visão de Dados mostra como está arquiteturada a camada de persistência do projeto, mapeando os objetos e os modelos de dados.
 
-### Modelo Conceitual 
+### Modelo Conceitual V1
 
-![Conceitual](imagensgestao/conceitual.jpg)
+![ConceitualV1](imagensgestao/conceitualV1.jpeg)
 
+### Modelo Conceitual V2
 
-### Modelo Lógico 
+![ConceitualV2](imagensgestao/conceitualV2.jpeg)
 
-![Conceitual](imagensgestao/logico.jpg)
+### Modelo Lógico V1
+
+![LogicoV1](imagensgestao/logicoV1.jpeg)
+
+
+### Modelo Lógico V2
+
+![LogicoV2](imagensgestao/logicoV2.jpeg)
 
 
 ## 8. Referências

docs/gestao-do-projeto/identidade-visual.md

@@ -0,0 +1,57 @@
+# Guia de Estilo
+
+## Histórico de versões
+
+|    Data    | Versão |      Descrição       |                    Autor                     |
+|:----------:|:------:|:--------------------:|:--------------------------------------------:|
+| 17/12/2024 |  1.0   | Criação do documento | Mateus Maia |
+
+## 1. Introdução
+
+Bem-vindo ao Guia de Estilo da nossa aplicação! Este documento é essencial para garantir uma experiência de usuário uniforme e coesa. Aqui, reunimos as diretrizes de design que definem a identidade visual e interativa da nossa aplicação.
+
+Pense neste guia como um mapa que direciona a construção visual e funcional da aplicação, estabelecendo padrões para elementos como cores, tipografia e layout.
+
+## 2. Logo
+
+As logos da nossa aplicação são:
+
+![Logo Azul](imagensprojeto/logoAzul.png)
+
+![Logo Branca](imagensprojeto/logoBranca.png)
+
+![Logo Laranja](imagensprojeto/logoLaranja.png)
+
+![Logo Preta](imagensprojeto/logoPreta.png)
+
+![Logo Roxa](imagensprojeto/logoRoxa.png)
+
+
+## 3. Tipografia
+
+A fonte utilizada na aplicação será:
+
+![Fonte](imagensprojeto/fonte.jpeg)
+
+
+## 4. Paleta de cores
+
+![Paleta de cores](imagensprojeto/cores.png)
+
+## 5. Elementos de interação
+
+# Componentes da Interface do Usuário
+
+- **Navbar**: Uma barra horizontal que permite a navegação pelo aplicativo. Cada item da navbar redireciona o usuário para uma tela específica.
+
+- **Vertical Scroll Picker**: Um componente de interface que permite selecionar opções por meio de uma rolagem vertical. Ideal para escolher valores, itens ou opções em uma lista, navegando para cima ou para baixo.
+
+- **Botão**: Elementos clicáveis que podem conter imagens ou textos. Ao serem clicados, redirecionam o usuário para o conteúdo ou executam a ação desejada.
+
+- **Checkbox**: Um componente representado por um quadrado que pode ser marcado ou desmarcado, permitindo ao usuário ativar ou desativar múltiplas opções. É comumente usado em caixas de diálogo.
+
+- **Campo de Pesquisa**: Um input que possibilita ao usuário realizar buscas rápidas por conteúdos no aplicativo.
+
+- **Cards**: Blocos visuais que geralmente incluem uma imagem e uma descrição. Podem funcionar como links ou apresentar informações detalhadas, com a possibilidade de expansão para exibir mais conteúdo.
+
+- **Formulários**: Estruturas utilizadas para coletar informações dos usuários, como em processos de login, contato ou outras interações que exigem entrada de dados.