mockups.md

 |[Página Inicial](home)|
 |---|
 
-# Página de [Mockups](https://www.figma.com/file/CB4bDVc8NDb9tw1UAuzYGS/IdCare?node-id=171%3A445)
+# Página de Mockups
 
-Aqui devem ficar as imagens e descrições dos Mockups do seu projeto
\ No newline at end of file
+## Link para o Figma, com todos os mockups e informaçÕes adicionais:
+
+https://www.figma.com/file/CB4bDVc8NDb9tw1UAuzYGS/IdCare?node-id=171%3A445
+
+## Preview do Figma
+
+### Estudo de cores e cores selecionadas
+
+![Estudo de cores](https://tools.ages.pucrs.br/id-care/idcare-wiki/raw/master/Images/Application_Colors.png)
+
+### Web Application
+
+![Telas Web](https://tools.ages.pucrs.br/id-care/idcare-wiki/raw/master/Images/Web.png)
+
+### Mobile Application
+
+![Telas Mobile](https://tools.ages.pucrs.br/id-care/idcare-wiki/raw/master/Images/Mobile.png)