design_mockups.md

@@ -42,3 +42,30 @@ Tela de exemplo após os ajustes sugeridos pela Stakeholder.
 
 
 
+## Paleta de cores
+As cores utilizadas para a aplicação web DoAÇÃO foram:
+- Cor primária: 
+![image](uploads/ef6ba282d081960849c539ad38ea3783/image.png)
+- Cor secundária:
+![image](uploads/a78e438f73072cba7324fce0fb593e3f/image.png)
+- Cor background:
+![image](uploads/08ed9bcedf88359e46587696b7c4b4ee/image.png)
+- Cor button Grey:
+![image](uploads/aac2175a655d2e69ee8ca86a42ffc0ad/image.png)
+- Cor Branca:
+![image](uploads/028e41338e499d54f79a438acf067bdd/image.png)
+- Cor preta:
+![image](uploads/ed575b5c3ee60cef2075596905dbdfef/image.png)
+
+------------------------------------------------------------------
+Notificações
+- Cor para mensagens de erro:
+![image](uploads/6651af7b11dff9dfa933de205e7f3743/image.png)
+- Cor para mensagem de sucesso:
+![image](uploads/012e3cb5ea8383586b017335f043c2b3/image.png)
+
+## Tipografia
+Roboto, Helvetica e sans-serif.
+
+## Link para os Mockups
+Os Mockups do projeto foram desenvolvidos durante a sprint 0 e 1 com a ferramenta [Figma](https://www.figma.com/file/C96zT6Brrfruxu8aSVBUYR/Doacao?node-id=0%3A1&t=Yy0gqALNXTf4PjTe-1).
\ No newline at end of file