design_mockups.md

+| [Home](home) | [**Escopo**](escopo) | [Processo](processo) | [Design/Mockups](design_mockups) | [Gerência](gerencia) | [Estudos](estudos) | [Arquitetura](arquitetura) | [Contratos](contratos) | [BD](banco_dados) | [Qualidade](qualidade) | [Configuração](configuracao) | [Instalação](instalacao) | [Instruções](instrucoes) | [Utilização](utilizacao) | [Analytics](Analytics) |
+| :----------: | :----------: | :----------: | :----------: | :----------: | :----------: | :----------: | :----------: | :----------: | :----------: | :----------: | :----------: | :----------: | :----------: | :----------: |
+# Design da Interface do Sistema
+
+## Descrição
+
+Nesta seção serão apresentadas as telas da interface do sistema, planejadas em colaboração pelo time, levando em consideração as solicitações dos Stakeholders do projeto. 
+
+## Sumário
+
+- [Escolha de cores e padrões](#escolha-de-cores-e-padrões)
+- [Protótipos de Alto Nível](#protótipos-de-alto-nível)
+
+> **Observação:** Consulte a seção *UX/UI* no menu [Qualidade](qualidade#ux-ui) para mais detalhes sobre design patterns.
+
+## Escolha de cores e padrões
+
+### Cores
+
+Foi escolhida essa palheta por bla bla bla
+
+### Componentes
+
+Estamos utilizando padrões do UI xxx e customizações bla bla bla
+
+## Protótipos de Alto Nível
+
+### Tela de Login/ Boas vindas
+<img src="resources/images/home/hortti_logo.jpeg" >
+
+### Cadastro de Produtos
+<img src="resources/images/home/hortti_logo.jpeg" >
+
+### Importação de Lista de Produtos
+<img src="resources/images/home/hortti_logo.jpeg" >
+
+### Cadastro de Categorias
+<img src="resources/images/home/hortti_logo.jpeg" >
+
+### Cadastro de Grupos
+<img src="resources/images/home/hortti_logo.jpeg" >
+
+### Cadastro de Ocorrências (Produção)
+<img src="resources/images/home/hortti_logo.jpeg" >
+
+### Tela de Estoque
+<img src="resources/images/home/hortti_logo.jpeg" >
+
+### Cadastro de Composição de Produtos
+<img src="resources/images/home/hortti_logo.jpeg" >
+
+### Cadastro de Etapas de Produção
+<img src="resources/images/home/hortti_logo.jpeg" >
+
+### Ordem de Produção
+<img src="resources/images/home/hortti_logo.jpeg" >
+
+### 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" >
+
+---
+&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