Update 06 - Template Padrão

docs/06-Template Padrão da Aplicação.md

@@ -2,11 +2,18 @@
 
 <span style="color:red">Pré-requisitos: <a href="2-Especificação do Projeto.md"> Especificação do Projeto</a></span>, <a href="3-Projeto de Interface.md"> Projeto de Interface</a>, <a href="4-Metodologia.md"> Metodologia</a>
 
-Layout padrão da aplicação que será utilizado em todas as páginas com a definição de identidade visual, aspectos de responsividade e iconografia.
-
-> **Links Úteis**:
->
-> - [CSS Website Layout (W3Schools)](https://www.w3schools.com/css/css_website_layout.asp)
-> - [Website Page Layouts](http://www.cellbiol.com/bioinformatics_web_development/chapter-3-your-first-web-page-learning-html-and-css/website-page-layouts/)
-> - [Perfect Liquid Layout](https://matthewjamestaylor.com/perfect-liquid-layouts)
-> - [How and Why Icons Improve Your Web Design](https://usabilla.com/blog/how-and-why-icons-improve-you-web-design/)
+Foi desenvolvido pelo grupo o símbolo do TimeUp, com um relógio de modo a simbolizar o objetivo da aplicação de facilitar gerenciamento de tempo. O símbolo principal utiliza a cor vermelha escolhida como cor principal, mas é customizado em algumas telas do aplicativo de modo a manter a coesão gráfica dos elementos.
+
+![Símbolo](https://github.com/ICEI-PUC-Minas-PMV-ADS/TimeUpPomodoro/blob/ee1442d903d0e495de4d03a4366b540ea9917ca4/docs/img/S%C3%ADmbolo%20principal.jpg)
+
+As telas foram criadas conforme o [Modelo ER](docs/05-Arquitetura da Solução.md), que simboliza a jornada do cliente no aplicativo. Com base nisso, desenvolvemos no [Figma](https://www.figma.com/file/j3IXXF3Ovc3VrjcOi2mTeV/TimeUP?node-id=32%3A462) os wireframes e o protótipo inicial de nossa aplicação, que pode ser acessado [nesse link](https://www.figma.com/proto/j3IXXF3Ovc3VrjcOi2mTeV/TimeUP?node-id=32%3A576&scaling=scale-down&page-id=32%3A462&starting-point-node-id=32%3A576).
+
+Assim, temos todas as telas da aplicação:
+![Telas](https://github.com/ICEI-PUC-Minas-PMV-ADS/TimeUpPomodoro/blob/ee1442d903d0e495de4d03a4366b540ea9917ca4/docs/img/Figma%20completo.jpg)
+
+Temos também os fluxos entre elas:
+![Fluxos de telas](https://github.com/ICEI-PUC-Minas-PMV-ADS/TimeUpPomodoro/blob/ee1442d903d0e495de4d03a4366b540ea9917ca4/docs/img/figma.jpg)
+
+A paleta de cores foi testada no Adobe Colors para sua acessibilidade para pessoas daltônicas, bem como avaliada sua legibilidade em termos de contraste. Além da paleta de cores principal, à direita na imagem, é possível que as cores principais (vermelho, verde e azul) sejam customizadas por usuários, conforme pode ser visto no seguinte print:
+![Paletas](https://github.com/ICEI-PUC-Minas-PMV-ADS/TimeUpPomodoro/blob/ee1442d903d0e495de4d03a4366b540ea9917ca4/docs/img/paletas.jpg)
+