Design.md

 | [Home](Home) | [**Escopo**](Escopo) | [Processo](Processo) | [Sprints](Sprints) | [Design](Design) | [Arquitetura](Arquitetura) | [Repositórios](Repositórios) | [Banco de Dados](Banco de Dados) |
-| :----------: | :-------------------------------: | :------------------: | :--------------: | :--------------------------: | :--------------------: | :------------------------: | :--------------: |
+| :----------: | :-------------------------------: | :------------------: | :--------------: | :--------------------------: | :--------------------: | :------------------------: | :--------------: |
\ No newline at end of file
+
+
+# Design das Telas
+
+Abaixo vamos apresentar alguns dos mockups de alta fidelidade desenvolvidos na ferramenta de prototipagem Figma. Para ver todos os Mockups criados, entre no Figma do projeto.
+
+## Telas da Plataforma de Reservas Pró-Mata
+
+## Telas de Usuário 
+### Tela de Login
+![image](uploads/9d5db78f07a1e8d9f2d2b140b62c40e5/image.png)
+
+### Tela de Cadastro
+![image](uploads/06ac21e0686164044e5b49343d00798c/image.png)
+
+### Tela de Esqueci a Senha
+![image](uploads/882efbcba5d846b63079f451c3a0e6cc/image.png)
+
+### Tela de Redefinir Senha
+![image](uploads/b9f5eb915fe8219cbb07a68851dee5c2/image.png)
+
+### Tela de Perfil
+![image](uploads/6dbe3ce87305ecfaf1632b61dae26496/image.png)
+
+### Tela de Editar Cadastro
+![image](uploads/df34a80c400d96205a43c3808d2e08e1/image.png)
+
+### Tela de Início
+![image](uploads/0b23493806959aaddd663e0912e7dc5d/image.png)
+
+### Tela de Reservas
+![image](uploads/63f60c74dd9afbe8052614e5d22b0fba/image.png)
+
+### Carrinho
+![image](uploads/0dc490c71b90ecb5e982a8f0bd93b9e9/image.png)
+
+### Tela de Cadastro de Pessoas
+![image](uploads/6046280b40e1785afc112249fba02232/image.png)
+
+### Tela de Ajuste de Eventos
+![image](uploads/a95cfa4097ae906bac2910f1d106e42d/image.png)
+
+### Tela de Visualizar Reserva
+![image](uploads/8beb12a8a5adbff834d9318bd15d44ea/image.png)
+
+## Telas de Administrador
+### Tela de Visualização de Usuários
+![image](uploads/546704852376da1478783ee64881bfc8/image.png)
+
+### Tela de Cadastro de Usuário
+![image](uploads/d08e4cb27a189553e2fcd8ea862b1c8d/image.png)
+
+### Tela de Solicitações de Professores
+![image](uploads/6c08206f89192edc3df77b3a780d4121/image.png)
+
+### Tela de Verificação de Professores
+![image](uploads/a9f31f34d19de492cdc217b598cdefb7/image.png)
+
+### Tela de Experiências
+![image](uploads/34112d80b7b1f911cbe8f68bb73fe1b0/image.png)
+
+### Tela de Criação de Experiências
+![image](uploads/075b33f6bcb865e8600fb1bdb50c7c33/image.png)
+
+# Figma
+Link para o [Figma do projeto](https://www.figma.com/design/JWCBFx52pKQVs4FmzDjEXW/Pr%C3%B3-mata-Main-Design?node-id=0-1&t=yFXQcgjDZCbv9gtF-1), que contém o design das telas e o fluxo de usuários.
+
+
+# Detalhes do Design
+
+Os detalhes do design como esquema de cores, tipografia, logo, etc. foram extraídos do site oficial do [Pró-Mata](https://www.pucrs.br/ima/pro-mata/)
+
+## Logo
+![image](uploads/ac55167df638ac5979fff23f45b52991/image.png)
+
+## Guia de Estilos
+![image](uploads/b9e5246bcd657a980e63024ac8fdf0ef/image.png)