UI Design Update (#156)

* Add files via upload

* UI Design

* Rename design to design.md

* Update design.md

design-assets/design

@@ -1,34 +0,0 @@
-
-# Databag UI Redesign
-
-  
-After talking with @balzack I redesigned the app. 
-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).
-
-**Mobile Proposed Design**
-
-
-
-**Desktop Proposed Design**
-
-
-
-
-**Style Guide**
-
-
-
-
-
-**The current Figma file is here**
-
-
-
-
-
-
-

design-assets/design.md

@@ -0,0 +1,52 @@
+# 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_
+
+
+
+
+

design.md

@@ -1,32 +1,50 @@
-
 # Databag UI Redesign
 
   
-After talking with @balzack I redesigned the app. 
+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).
 
-**Mobile Proposed Design**
+### _**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)
 
 
 
-**Desktop Proposed Design**
+### **Screenshots:**
+### **Mobile Proposed Design**
 
 
 
 
-**Style Guide**
+<img width="1440" alt="Mobile" src="https://github.com/user-attachments/assets/78be3ac6-5f55-4b9e-a625-e758145406bc" />
-
+
-
+
-
+
-
+### **Desktop Proposed Design**
-
+
-**The current Figma file is here**
+
-
+
-
+<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_