design_mockups.md

@@ -12,9 +12,11 @@ Esta página é dedicada aos mockups e protótipo interativo criados para o proj
 - [Design](#design)
 - [Identidade Visual](#identidade-visual)
   - [Logo](#logo)
-  - [Tipografia](#tipografia)
-  - [Contrastes](#contrastes)
   - [Paleta De Cores](#paleta-de-cores)
+  - [Tipografia](#tipografia)
+  - [Componentes](#componentes)
+  - [Templates de E-mail](#templates-de-e-mail)
+  - [Mockups de Telas](#mockups-de-telas)
   - [Protótipo Alto Nível](#protótipo-alto-nível)
 
 ## Identidade Visual
@@ -79,6 +81,41 @@ Tamanhos de fonte:
 
 <img src="./resources/images/design-template-email-troca-senha.png" width="500">
 
+### Mockups de Telas
+
+#### Funcionalidades em comum para diferentes usuários
+
+<img src="./resources/images/design-mockups-login.png" height="300">
+
+<img src="./resources/images/design-mockups-cadastro.png" height="900">
+
+<img src="./resources/images/design-mockups-gerenciamento-de-perfil.png" height="900">
+
+<img src="./resources/images/design-mockups-onboarding.png" height="300">
+
+<img src="./resources/images/design-mockups-canal-suporte.png" height="300">
+
+<img src="./resources/images/design-mockups-notificacao.png" height="300">
+
+#### Funcionalidades do usuário surdo ou empresa
+
+<img src="./resources/images/design-mockups-home-usuario-surdo-empresa.png" height="300">
+
+<img src="./resources/images/design-mockups-busca-interpretes-agendamento.png" height="300">
+
+<img src="./resources/images/design-mockups-historico-usuario-surdo-empresa.png" height="300">
+
+<img src="./resources/images/design-mockups-avaliacao.png" height="300">
+
+#### Funcionalidades do usuário intérprete
+
+<img src="./resources/images/design-mockups-home-interprete.png" height="300">
+
+<img src="./resources/images/design-mockups-gerenciamento-solicitacoes-interprete.png" height="300">
+
+<img src="./resources/images/design-mockups-historico-interprete.png" height="300">
+
+
 ## Protótipo Alto Nível
 
 TODO
\ No newline at end of file