design_mockups.md

+# Mockups
+
+Abaixo vamos apresentar alguns dos mockups de alta fidelidade desenvolvidos na ferramenta de prototipagem figma. Para ver todos os Mockups criados, entre no figma do projeto.
+
+## Telas do site Excedentes
+
+# Figma
+Link para o [figma do projeto](https://www.figma.com/files/project/211994245/Team-project?fuid=704886411039785443) , onde contêm os mockups de baixa fidelidade (LowFi) e o de alta fidelidade (Design final). Foi utilizado também o [Chackra UI](https://chakra-ui.com/) para a biblioteca de componentes e ícones. 
+
+
+# Detalhes do Design
+
+Os detalhes do design como esquema de cores, tipografia, logo, etc. Foi definido pelos stakeholders.
+
+## Logo e Slogan
+
+![image](uploads/98d46c668df102ac9d4edfecbd3fdf11/image.png)
+
+_"Alimentando a Sustentabilidade"_
+
+## Paleta de cores
+
+![image](uploads/843d098e7ee76a9bb484812ef8a4863b/image.png)
+
+## Tipografia
+
+![image](uploads/31e1eb569d4c8659ee3dcab8c92e707b/image.png)
\ No newline at end of file