design_mockups.md

@@ -15,51 +15,79 @@ Nesta seção serão apresentadas as telas da interface do sistema, planejadas e
 
 ## Escolha de cores e padrões
 
-### Cores
+### Paleta de Cores
 
-Foi escolhida essa palheta por bla bla bla
+Foi escolhida este esquema de cores inspirado ao utilizado no site oficial da empresa.
+![image](uploads/82661a701b21fbea46ff4baa223ed609/image.png)
+
+Lista de códigos Hex:
+- #006f48
+- #C25327
+- #2E2E2E
+- #FE6900
+- #EBFFEE
 
 ### Componentes
 
-Estamos utilizando padrões do UI xxx e customizações bla bla bla
+Estamos utilizando componentes criados na ferramenta Figma para compor as telas da aplicação. Abaixo estão alguns exemplos:
+
+<table align="center"><tr><td align="center" >
+
+#### Card para estoque
+![image](uploads/dc239076a378495579ac0efefad37d4f/image.png)
+
+#### Card com o status atual da operação
+![image](uploads/7bde52d0442e91d603ae10f56b654f6d/image.png)
+
+#### Botão para cadastro
+![image](uploads/26e6cc97388ebdfa9e0a55131cccb1d0/image.png)
+
+#### Ícone de etapa concluída
+![image](uploads/c305431731d644bbcada259da7032a6c/image.png)
+
+### Logo da Hortti
+![image](uploads/41df63ad205aae4664a5c800e3e70e19/image.png)
+
+</table>
 
 ## Protótipos de Alto Nível
 
 ### Tela de Login/ Boas vindas
-<img src="resources/images/home/hortti_logo.jpeg" >
+![image](uploads/b39292b879e052b2d12210ad9a1898bb/image.png)
+
+### Tela Inicial
+![image](uploads/a05a7a9888c2419f353fc8e9ce44e5b1/image.png)
 
-### Cadastro de Produtos
-<img src="resources/images/home/hortti_logo.jpeg" >
+### Cadastro de Operação
+![image](uploads/6264747d423d978ca3b8062d1622fcae/image.png)
 
-### Importação de Lista de Produtos
-<img src="resources/images/home/hortti_logo.jpeg" >
+### Seleção de Etapas da Operação
+![image](uploads/5ad027c2baeb6cd6efeba0a4da87763b/image.png)
 
-### Cadastro de Categorias
-<img src="resources/images/home/hortti_logo.jpeg" >
+### Finalização e Historico de uma Operação
+![image](uploads/9800df3a7d2f3571697591714d8a3de5/image.png)
 
-### Cadastro de Grupos
-<img src="resources/images/home/hortti_logo.jpeg" >
+### Cadastro de Matéria Prima
+![image](uploads/8386cfa9fb657ee06279e1a0f7a70566/image.png)
 
-### Cadastro de Ocorrências (Produção)
-<img src="resources/images/home/hortti_logo.jpeg" >
+### Cadastro do Produto Final
+![image](uploads/51643599570a286b4a9593b24da0b9ac/image.png)
 
-### Tela de Estoque
-<img src="resources/images/home/hortti_logo.jpeg" >
+### Estoque para Matéria Prima
+![image](uploads/bf0b18ae3ab3be2da54029bccf5c7cb0/image.png)
 
-### Cadastro de Composição de Produtos
-<img src="resources/images/home/hortti_logo.jpeg" >
+### Lote de Matéria Prima
+![image](uploads/f4cbf0260cd2864f6fc5fd56ba1a481c/image.png)
 
-### Cadastro de Etapas de Produção
-<img src="resources/images/home/hortti_logo.jpeg" >
+### Estoque para Produto Final
+![image](uploads/cf3b7d814073b6b2504a7c7bfb19b1f6/image.png)
 
-### Ordem de Produção
-<img src="resources/images/home/hortti_logo.jpeg" >
+### Lote de Produto Final
+![image](uploads/1ae3421e65ce3e48b2d0498359fc3d92/image.png)
 
-### Andamento da Ordem de Produção
-<img src="resources/images/home/hortti_logo.jpeg" >
 
-### Relatório xxx
-<img src="resources/images/home/hortti_logo.jpeg" >
+### Observações Gerais
+Os Mockups apresentados acima são meramente uma base para o que a aparência da aplicação deve se assemelhar em sua versão final. É bom ressaltar que são sujeitas a mudanças durante o desenvolvimento da aplicação para entrar em conformidade com futuras adições/edições/exclusões que vierem a ser feitas.
 
 ---
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[**Topo**](#design-da-interface-do-sistema)
\ No newline at end of file