UI Design.md

# Databag UI Redesign Here is the complete redesign of the UI for Databag. I have worked closely with @balzack and we feel it's in a pretty good state with lots of work ahead. I kept the illustrations already suggested by the community and also kept the green hues of the current design. I applied standard design practices in font sizes, spacing and icons. The font selected is [Inter](https://fonts.google.com/specimen/Inter) and for icons I used [Phosphor Icons](https://phosphoricons.com). ### _**The current Figma file is here**_ --> [Databag.fig.zip](https://github.com/user-attachments/files/19713647/Databag.fig.zip) **Still missing:** - Dark Mode - Animations - Overall Branding (if seen necessary) ### **Screenshots:** ### **Mobile Proposed Design** <img width="1440" alt="Mobile" src="https://github.com/user-attachments/assets/78be3ac6-5f55-4b9e-a625-e758145406bc" /> ### **Desktop Proposed Design** <img width="1440" alt="Desktop" src="https://github.com/user-attachments/assets/89aaa25a-a0c3-4583-8f04-29bbc43eef9a" /> ### **Style Guide** <img width="1440" alt="Styleguide" src="https://github.com/user-attachments/assets/c5402ab4-a0fe-4594-a34f-498af4494def" /> _*There are some more screens in the figma file_