Design.md

+Esta página documenta os mockups feitos na ferramenta Figma para orientar o design da aplicação. Utilize [este link](https://www.figma.com/design/j1SyLlUmLMsJ3omwUdecNb/AGES---c.flow-%2F-DESIGN?node-id=0-1&p=f) para visualizar o Figma do projeto, que contém os protótipos e os _mockups_ de alta fidelidade desenvolvidos para a construção da interface.
+
+A maioria das telas já haviam sido desenvolvidas pela equipe de clientes anteriormente ao projeto, devendo nossa equipe da AGES criar apenas algumas telas extras para complementá-las.
+
+---
+
+## Telas de _onboarding_, log-in e _setup_
+
+#### Light Mode
+
+![image](uploads/8d42497c5da6ffbbfdf8d6fef01b133a/image.png)
+
+#### Dark Mode
+
+![image](uploads/f0fe5a20dd49ab37b8041bf2d36dfd0a/image.png)
+
+---
+
+## Telas _home_ e _post_
+
+#### Light Mode
+
+![image](uploads/6bc24565a6a8e07e2716a5f9caad91a2/image.png)
+
+#### Dark Mode
+
+![image](uploads/d61fee61254a0548e8ebd91a25a94e7e/image.png)
+
+---
+
+## Tela de inspiração
+
+#### Light Mode
+
+![image](uploads/49e1eabe983d27162f978a45df608970/image.png)
+
+#### Dark Mode
+
+![image](uploads/b1af42528b47216b2e754c3a5208df6d/image.png)
+
+---
+
+## Telas de exercícios, histórico, estatísticas e opções
+
+#### Light Mode
+
+![image](uploads/50ef387b122670c702d6ca79b142e376/image.png)
+
+#### Dark Mode
+
+![image](uploads/16ba3d71f848c64da2e87076c1a40640/image.png)
+
+---
+
+## Telas de biblioteca e perfil
+
+#### Light Mode
+
+![image](uploads/b757a9605bc1dd931cd12efc08d91b79/image.png)
+
+#### Dark Mode
+
+![image](uploads/e85f1da9c1d7364ec7c044337377f7bb/image.png)
\ No newline at end of file