From 9b7065a88e3aec007952a6d8babec2e804c9dc5e Mon Sep 17 00:00:00 2001 From: balzack Date: Sun, 13 Apr 2025 08:37:21 -0700 Subject: [PATCH] moving design assets to .design folder --- .design/DESIGN.md | 57 +++++++++--------- .../design-assets}/Databag.fig.zip | Bin .../SCREENSHOTS/DESKTOP/AddressBook.png | Bin .../SCREENSHOTS/DESKTOP/Admin Login.png | Bin .../SCREENSHOTS/DESKTOP/Admin Settings.png | Bin .../DESKTOP/Admin User Settings.png | Bin .../SCREENSHOTS/DESKTOP/Blocked Contacts.png | Bin .../SCREENSHOTS/DESKTOP/Blocked Messages.png | Bin .../SCREENSHOTS/DESKTOP/Blocked Topics.png | Bin .../SCREENSHOTS/DESKTOP/Chat Settings.png | Bin .../SCREENSHOTS/DESKTOP/Contact List.png | Bin .../DESKTOP/Conversation Empty.png | Bin .../SCREENSHOTS/DESKTOP/Conversation.png | Bin .../DESKTOP/Conversations List Empty.png | Bin .../SCREENSHOTS/DESKTOP/Create Account.png | Bin .../DESKTOP/Empty Contact List.png | Bin .../SCREENSHOTS/DESKTOP/Login.png | Bin .../SCREENSHOTS/DESKTOP/New Conversation.png | Bin .../SCREENSHOTS/DESKTOP/Onboarding.png | Bin .../SCREENSHOTS/DESKTOP/Profile.png | Bin .../SCREENSHOTS/DESKTOP/Settings.png | Bin .../design-assets}/SCREENSHOTS/Desktop.png | Bin .../SCREENSHOTS/MOBILE/Add Account Pop Up.png | Bin .../SCREENSHOTS/MOBILE/Adimn Settings.png | Bin .../SCREENSHOTS/MOBILE/Admin Login.png | Bin .../MOBILE/Adminn User Settings.png | Bin .../SCREENSHOTS/MOBILE/Block Pop Up.png | Bin .../SCREENSHOTS/MOBILE/Blocked Contacts.png | Bin .../SCREENSHOTS/MOBILE/Blocked Messages.png | Bin .../SCREENSHOTS/MOBILE/Blocked Topics.png | Bin .../MOBILE/Change Credentials Pop Up-1.png | Bin .../MOBILE/Change Credentials Pop Up.png | Bin .../SCREENSHOTS/MOBILE/Chat Settings.png | Bin .../SCREENSHOTS/MOBILE/Contact List.png | Bin .../SCREENSHOTS/MOBILE/Conversation Empty.png | Bin .../SCREENSHOTS/MOBILE/Conversation List.png | Bin .../SCREENSHOTS/MOBILE/Conversation.png | Bin .../MOBILE/Conversations List Empty.png | Bin .../SCREENSHOTS/MOBILE/Create Account.png | Bin .../MOBILE/Delete Account ADMIN.png | Bin .../SCREENSHOTS/MOBILE/Delete Account.png | Bin .../SCREENSHOTS/MOBILE/Delete Contact.png | Bin .../MOBILE/Disable Account ADMIN.png | Bin .../SCREENSHOTS/MOBILE/Empty Contact List.png | Bin .../SCREENSHOTS/MOBILE/Login.png | Bin .../SCREENSHOTS/MOBILE/Logout Pop Up.png | Bin .../SCREENSHOTS/MOBILE/Mute Pop Up.png | Bin .../SCREENSHOTS/MOBILE/New Conversation.png | Bin .../SCREENSHOTS/MOBILE/Onboarding.png | Bin .../SCREENSHOTS/MOBILE/Profile.png | Bin .../MOBILE/Reset Account Pop Up.png | Bin .../SCREENSHOTS/MOBILE/Settings.png | Bin .../SCREENSHOTS/MOBILE/Unblock Pop Up-1.png | Bin .../SCREENSHOTS/MOBILE/Unblock Pop Up-2.png | Bin .../SCREENSHOTS/MOBILE/Unblock Pop Up.png | Bin .../SCREENSHOTS/MOBILE/Video screen.png | Bin .../design-assets}/SCREENSHOTS/Mobile.png | Bin .../design-assets}/SCREENSHOTS/Styleguide.png | Bin .../SCREENSHOTS/Styleguide/Page 1.png | Bin .../SCREENSHOTS/Styleguide/Page 10.png | Bin .../SCREENSHOTS/Styleguide/Page 2.png | Bin .../SCREENSHOTS/Styleguide/Page 3.png | Bin .../SCREENSHOTS/Styleguide/Page 4.png | Bin .../SCREENSHOTS/Styleguide/Page 5.png | Bin .../SCREENSHOTS/Styleguide/Page 6.png | Bin .../SCREENSHOTS/Styleguide/Page 7.png | Bin .../SCREENSHOTS/Styleguide/Page 8.png | Bin .../SCREENSHOTS/Styleguide/Page 9.png | Bin .../design-assets}/SCREENSHOTS/databag-d.png | Bin .../design-assets}/SCREENSHOTS/databag-m.png | Bin .../design-assets}/design.md | 0 design.md | 52 ---------------- 72 files changed, 29 insertions(+), 80 deletions(-) rename {design-assets => .design/design-assets}/Databag.fig.zip (100%) rename {design-assets => .design/design-assets}/SCREENSHOTS/DESKTOP/AddressBook.png (100%) rename {design-assets => .design/design-assets}/SCREENSHOTS/DESKTOP/Admin Login.png (100%) rename {design-assets => .design/design-assets}/SCREENSHOTS/DESKTOP/Admin Settings.png (100%) rename {design-assets => .design/design-assets}/SCREENSHOTS/DESKTOP/Admin User Settings.png (100%) rename {design-assets => .design/design-assets}/SCREENSHOTS/DESKTOP/Blocked Contacts.png (100%) rename {design-assets => .design/design-assets}/SCREENSHOTS/DESKTOP/Blocked Messages.png (100%) rename {design-assets => .design/design-assets}/SCREENSHOTS/DESKTOP/Blocked Topics.png (100%) rename {design-assets => .design/design-assets}/SCREENSHOTS/DESKTOP/Chat Settings.png (100%) rename {design-assets => .design/design-assets}/SCREENSHOTS/DESKTOP/Contact List.png (100%) rename {design-assets => .design/design-assets}/SCREENSHOTS/DESKTOP/Conversation Empty.png (100%) rename {design-assets => .design/design-assets}/SCREENSHOTS/DESKTOP/Conversation.png (100%) rename {design-assets => .design/design-assets}/SCREENSHOTS/DESKTOP/Conversations List Empty.png (100%) rename {design-assets => .design/design-assets}/SCREENSHOTS/DESKTOP/Create Account.png (100%) rename {design-assets => .design/design-assets}/SCREENSHOTS/DESKTOP/Empty Contact List.png (100%) rename {design-assets => .design/design-assets}/SCREENSHOTS/DESKTOP/Login.png (100%) rename {design-assets => .design/design-assets}/SCREENSHOTS/DESKTOP/New Conversation.png (100%) rename {design-assets => .design/design-assets}/SCREENSHOTS/DESKTOP/Onboarding.png (100%) rename {design-assets => .design/design-assets}/SCREENSHOTS/DESKTOP/Profile.png (100%) rename {design-assets => .design/design-assets}/SCREENSHOTS/DESKTOP/Settings.png (100%) rename {design-assets => .design/design-assets}/SCREENSHOTS/Desktop.png (100%) rename {design-assets => .design/design-assets}/SCREENSHOTS/MOBILE/Add Account Pop Up.png (100%) rename {design-assets => .design/design-assets}/SCREENSHOTS/MOBILE/Adimn Settings.png (100%) rename {design-assets => .design/design-assets}/SCREENSHOTS/MOBILE/Admin Login.png (100%) rename {design-assets => .design/design-assets}/SCREENSHOTS/MOBILE/Adminn User Settings.png (100%) rename {design-assets => .design/design-assets}/SCREENSHOTS/MOBILE/Block Pop Up.png (100%) rename {design-assets => .design/design-assets}/SCREENSHOTS/MOBILE/Blocked Contacts.png (100%) rename {design-assets => .design/design-assets}/SCREENSHOTS/MOBILE/Blocked Messages.png (100%) rename {design-assets => .design/design-assets}/SCREENSHOTS/MOBILE/Blocked Topics.png (100%) rename {design-assets => .design/design-assets}/SCREENSHOTS/MOBILE/Change Credentials Pop Up-1.png (100%) rename {design-assets => .design/design-assets}/SCREENSHOTS/MOBILE/Change Credentials Pop Up.png (100%) rename {design-assets => .design/design-assets}/SCREENSHOTS/MOBILE/Chat Settings.png (100%) rename {design-assets => .design/design-assets}/SCREENSHOTS/MOBILE/Contact List.png (100%) rename {design-assets => .design/design-assets}/SCREENSHOTS/MOBILE/Conversation Empty.png (100%) rename {design-assets => .design/design-assets}/SCREENSHOTS/MOBILE/Conversation List.png (100%) rename {design-assets => .design/design-assets}/SCREENSHOTS/MOBILE/Conversation.png (100%) rename {design-assets => .design/design-assets}/SCREENSHOTS/MOBILE/Conversations List Empty.png (100%) rename {design-assets => .design/design-assets}/SCREENSHOTS/MOBILE/Create Account.png (100%) rename {design-assets => .design/design-assets}/SCREENSHOTS/MOBILE/Delete Account ADMIN.png (100%) rename {design-assets => .design/design-assets}/SCREENSHOTS/MOBILE/Delete Account.png (100%) rename {design-assets => .design/design-assets}/SCREENSHOTS/MOBILE/Delete Contact.png (100%) rename {design-assets => .design/design-assets}/SCREENSHOTS/MOBILE/Disable Account ADMIN.png (100%) rename {design-assets => .design/design-assets}/SCREENSHOTS/MOBILE/Empty Contact List.png (100%) rename {design-assets => .design/design-assets}/SCREENSHOTS/MOBILE/Login.png (100%) rename {design-assets => .design/design-assets}/SCREENSHOTS/MOBILE/Logout Pop Up.png (100%) rename {design-assets => .design/design-assets}/SCREENSHOTS/MOBILE/Mute Pop Up.png (100%) rename {design-assets => .design/design-assets}/SCREENSHOTS/MOBILE/New Conversation.png (100%) rename {design-assets => .design/design-assets}/SCREENSHOTS/MOBILE/Onboarding.png (100%) rename {design-assets => .design/design-assets}/SCREENSHOTS/MOBILE/Profile.png (100%) rename {design-assets => .design/design-assets}/SCREENSHOTS/MOBILE/Reset Account Pop Up.png (100%) rename {design-assets => .design/design-assets}/SCREENSHOTS/MOBILE/Settings.png (100%) rename {design-assets => .design/design-assets}/SCREENSHOTS/MOBILE/Unblock Pop Up-1.png (100%) rename {design-assets => .design/design-assets}/SCREENSHOTS/MOBILE/Unblock Pop Up-2.png (100%) rename {design-assets => .design/design-assets}/SCREENSHOTS/MOBILE/Unblock Pop Up.png (100%) rename {design-assets => .design/design-assets}/SCREENSHOTS/MOBILE/Video screen.png (100%) rename {design-assets => .design/design-assets}/SCREENSHOTS/Mobile.png (100%) rename {design-assets => .design/design-assets}/SCREENSHOTS/Styleguide.png (100%) rename {design-assets => .design/design-assets}/SCREENSHOTS/Styleguide/Page 1.png (100%) rename {design-assets => .design/design-assets}/SCREENSHOTS/Styleguide/Page 10.png (100%) rename {design-assets => .design/design-assets}/SCREENSHOTS/Styleguide/Page 2.png (100%) rename {design-assets => .design/design-assets}/SCREENSHOTS/Styleguide/Page 3.png (100%) rename {design-assets => .design/design-assets}/SCREENSHOTS/Styleguide/Page 4.png (100%) rename {design-assets => .design/design-assets}/SCREENSHOTS/Styleguide/Page 5.png (100%) rename {design-assets => .design/design-assets}/SCREENSHOTS/Styleguide/Page 6.png (100%) rename {design-assets => .design/design-assets}/SCREENSHOTS/Styleguide/Page 7.png (100%) rename {design-assets => .design/design-assets}/SCREENSHOTS/Styleguide/Page 8.png (100%) rename {design-assets => .design/design-assets}/SCREENSHOTS/Styleguide/Page 9.png (100%) rename {design-assets => .design/design-assets}/SCREENSHOTS/databag-d.png (100%) rename {design-assets => .design/design-assets}/SCREENSHOTS/databag-m.png (100%) rename {design-assets => .design/design-assets}/design.md (100%) delete mode 100644 design.md diff --git a/.design/DESIGN.md b/.design/DESIGN.md index 50e3cb2d..463eafb9 100644 --- a/.design/DESIGN.md +++ b/.design/DESIGN.md @@ -1,51 +1,52 @@ -# Databag Design Guidelines & Resources +# Databag UI Redesign -A collection of design contribution guidelines and resources for our Databag product. + +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. -> **All participating designers are highly encouraged to shape and evolve these guidelines!** +I kept the illustrations already suggested by the community and also kept the green hues of the current design. -## Welcome +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). -Databag is a product targeted for the decentralized web community. It is a federeated messenger that gives people back their privacy and control of their data. +### _**The current Figma file is here**_ --> +[Databag.fig.zip](https://github.com/user-attachments/files/19713647/Databag.fig.zip) -## How to contribute design +**Still missing:** +- Dark Mode +- Animations +- Overall Branding (if seen necessary) -1. Check out open [issues](https://github.com/balzack/databag/issues) here on GitHub (we label them with `design: required`) -2. Feel free to open an issue on your own if you find something you would like to contribute to the project and use the `design: idea` label for it. -3. There are no existing figma files yet, for now create new ones and share them publicly -4. Add your contributions to an issue and we promise we will review your contribution carefully and foster discussions -**We encourage you to:** -- Get in touch with the team by starting a discussion on [GitHub](https://github.com/balzack/databag/discussions). +### **Screenshots:** +### **Mobile Proposed Design** -## Target audience -The initial users are typically very technical, but hopefully this product will be embedded into consumer electronics and reach a much less technical audience. The design may benefit by exposing some technical attributes. For example, with a self-hosted product the users my be interested in knowing where their data actually lives. -## Design relevant materials -Here is a list of design relevant information and materials: +Mobile -### Fonts -Currently we're using Roboto everywhere. -### Colors +### **Desktop Proposed Design** -We're using shades of green deliberately staying away from the corporate blue. The current background color is (#8fbea7) with the primary button color (#448866). -### Logos -We don't really have a logo yet, and are currently just using a scaled image from the app as the [icon](https://github.com/balzack/databag/blob/main/doc/icon.png) +Desktop + + + +### **Style Guide** + + + +Styleguide + + +_*There are some more screens in the figma file_ -### Design Files, Screenshots, etc -We don't have any design files yet. Initially you can reference screenshots for the [browser app](https://github.com/balzack/databag/blob/main/doc/browser.png) and [mobile app](https://github.com/balzack/databag/blob/main/doc/mobile.png) -## License -All design work is licensed under the -[Apache-2.0](https://github.com/balzack/databag/blob/main/LICENSE) -[(Back to top)](#-table-of-contents) diff --git a/design-assets/Databag.fig.zip b/.design/design-assets/Databag.fig.zip similarity index 100% rename from design-assets/Databag.fig.zip rename to .design/design-assets/Databag.fig.zip diff --git a/design-assets/SCREENSHOTS/DESKTOP/AddressBook.png b/.design/design-assets/SCREENSHOTS/DESKTOP/AddressBook.png similarity index 100% rename from design-assets/SCREENSHOTS/DESKTOP/AddressBook.png rename to .design/design-assets/SCREENSHOTS/DESKTOP/AddressBook.png diff --git a/design-assets/SCREENSHOTS/DESKTOP/Admin Login.png b/.design/design-assets/SCREENSHOTS/DESKTOP/Admin Login.png similarity index 100% rename from design-assets/SCREENSHOTS/DESKTOP/Admin Login.png rename to .design/design-assets/SCREENSHOTS/DESKTOP/Admin Login.png diff --git a/design-assets/SCREENSHOTS/DESKTOP/Admin Settings.png b/.design/design-assets/SCREENSHOTS/DESKTOP/Admin Settings.png similarity index 100% rename from design-assets/SCREENSHOTS/DESKTOP/Admin Settings.png rename to .design/design-assets/SCREENSHOTS/DESKTOP/Admin Settings.png diff --git a/design-assets/SCREENSHOTS/DESKTOP/Admin User Settings.png b/.design/design-assets/SCREENSHOTS/DESKTOP/Admin User Settings.png similarity index 100% rename from design-assets/SCREENSHOTS/DESKTOP/Admin User Settings.png rename to .design/design-assets/SCREENSHOTS/DESKTOP/Admin User Settings.png diff --git a/design-assets/SCREENSHOTS/DESKTOP/Blocked Contacts.png b/.design/design-assets/SCREENSHOTS/DESKTOP/Blocked Contacts.png similarity index 100% rename from design-assets/SCREENSHOTS/DESKTOP/Blocked Contacts.png rename to .design/design-assets/SCREENSHOTS/DESKTOP/Blocked Contacts.png diff --git a/design-assets/SCREENSHOTS/DESKTOP/Blocked Messages.png b/.design/design-assets/SCREENSHOTS/DESKTOP/Blocked Messages.png similarity index 100% rename from design-assets/SCREENSHOTS/DESKTOP/Blocked Messages.png rename to .design/design-assets/SCREENSHOTS/DESKTOP/Blocked Messages.png diff --git a/design-assets/SCREENSHOTS/DESKTOP/Blocked Topics.png b/.design/design-assets/SCREENSHOTS/DESKTOP/Blocked Topics.png similarity index 100% rename from design-assets/SCREENSHOTS/DESKTOP/Blocked Topics.png rename to .design/design-assets/SCREENSHOTS/DESKTOP/Blocked Topics.png diff --git a/design-assets/SCREENSHOTS/DESKTOP/Chat Settings.png b/.design/design-assets/SCREENSHOTS/DESKTOP/Chat Settings.png similarity index 100% rename from design-assets/SCREENSHOTS/DESKTOP/Chat Settings.png rename to .design/design-assets/SCREENSHOTS/DESKTOP/Chat Settings.png diff --git a/design-assets/SCREENSHOTS/DESKTOP/Contact List.png b/.design/design-assets/SCREENSHOTS/DESKTOP/Contact List.png similarity index 100% rename from design-assets/SCREENSHOTS/DESKTOP/Contact List.png rename to .design/design-assets/SCREENSHOTS/DESKTOP/Contact List.png diff --git a/design-assets/SCREENSHOTS/DESKTOP/Conversation Empty.png b/.design/design-assets/SCREENSHOTS/DESKTOP/Conversation Empty.png similarity index 100% rename from design-assets/SCREENSHOTS/DESKTOP/Conversation Empty.png rename to .design/design-assets/SCREENSHOTS/DESKTOP/Conversation Empty.png diff --git a/design-assets/SCREENSHOTS/DESKTOP/Conversation.png b/.design/design-assets/SCREENSHOTS/DESKTOP/Conversation.png similarity index 100% rename from design-assets/SCREENSHOTS/DESKTOP/Conversation.png rename to .design/design-assets/SCREENSHOTS/DESKTOP/Conversation.png diff --git a/design-assets/SCREENSHOTS/DESKTOP/Conversations List Empty.png b/.design/design-assets/SCREENSHOTS/DESKTOP/Conversations List Empty.png similarity index 100% rename from design-assets/SCREENSHOTS/DESKTOP/Conversations List Empty.png rename to .design/design-assets/SCREENSHOTS/DESKTOP/Conversations List Empty.png diff --git a/design-assets/SCREENSHOTS/DESKTOP/Create Account.png b/.design/design-assets/SCREENSHOTS/DESKTOP/Create Account.png similarity index 100% rename from design-assets/SCREENSHOTS/DESKTOP/Create Account.png rename to .design/design-assets/SCREENSHOTS/DESKTOP/Create Account.png diff --git a/design-assets/SCREENSHOTS/DESKTOP/Empty Contact List.png b/.design/design-assets/SCREENSHOTS/DESKTOP/Empty Contact List.png similarity index 100% rename from design-assets/SCREENSHOTS/DESKTOP/Empty Contact List.png rename to .design/design-assets/SCREENSHOTS/DESKTOP/Empty Contact List.png diff --git a/design-assets/SCREENSHOTS/DESKTOP/Login.png b/.design/design-assets/SCREENSHOTS/DESKTOP/Login.png similarity index 100% rename from design-assets/SCREENSHOTS/DESKTOP/Login.png rename to .design/design-assets/SCREENSHOTS/DESKTOP/Login.png diff --git a/design-assets/SCREENSHOTS/DESKTOP/New Conversation.png b/.design/design-assets/SCREENSHOTS/DESKTOP/New Conversation.png similarity index 100% rename from design-assets/SCREENSHOTS/DESKTOP/New Conversation.png rename to .design/design-assets/SCREENSHOTS/DESKTOP/New Conversation.png diff --git a/design-assets/SCREENSHOTS/DESKTOP/Onboarding.png b/.design/design-assets/SCREENSHOTS/DESKTOP/Onboarding.png similarity index 100% rename from design-assets/SCREENSHOTS/DESKTOP/Onboarding.png rename to .design/design-assets/SCREENSHOTS/DESKTOP/Onboarding.png diff --git a/design-assets/SCREENSHOTS/DESKTOP/Profile.png b/.design/design-assets/SCREENSHOTS/DESKTOP/Profile.png similarity index 100% rename from design-assets/SCREENSHOTS/DESKTOP/Profile.png rename to .design/design-assets/SCREENSHOTS/DESKTOP/Profile.png diff --git a/design-assets/SCREENSHOTS/DESKTOP/Settings.png b/.design/design-assets/SCREENSHOTS/DESKTOP/Settings.png similarity index 100% rename from design-assets/SCREENSHOTS/DESKTOP/Settings.png rename to .design/design-assets/SCREENSHOTS/DESKTOP/Settings.png diff --git a/design-assets/SCREENSHOTS/Desktop.png b/.design/design-assets/SCREENSHOTS/Desktop.png similarity index 100% rename from design-assets/SCREENSHOTS/Desktop.png rename to .design/design-assets/SCREENSHOTS/Desktop.png diff --git a/design-assets/SCREENSHOTS/MOBILE/Add Account Pop Up.png b/.design/design-assets/SCREENSHOTS/MOBILE/Add Account Pop Up.png similarity index 100% rename from design-assets/SCREENSHOTS/MOBILE/Add Account Pop Up.png rename to .design/design-assets/SCREENSHOTS/MOBILE/Add Account Pop Up.png diff --git a/design-assets/SCREENSHOTS/MOBILE/Adimn Settings.png b/.design/design-assets/SCREENSHOTS/MOBILE/Adimn Settings.png similarity index 100% rename from design-assets/SCREENSHOTS/MOBILE/Adimn Settings.png rename to .design/design-assets/SCREENSHOTS/MOBILE/Adimn Settings.png diff --git a/design-assets/SCREENSHOTS/MOBILE/Admin Login.png b/.design/design-assets/SCREENSHOTS/MOBILE/Admin Login.png similarity index 100% rename from design-assets/SCREENSHOTS/MOBILE/Admin Login.png rename to .design/design-assets/SCREENSHOTS/MOBILE/Admin Login.png diff --git a/design-assets/SCREENSHOTS/MOBILE/Adminn User Settings.png b/.design/design-assets/SCREENSHOTS/MOBILE/Adminn User Settings.png similarity index 100% rename from design-assets/SCREENSHOTS/MOBILE/Adminn User Settings.png rename to .design/design-assets/SCREENSHOTS/MOBILE/Adminn User Settings.png diff --git a/design-assets/SCREENSHOTS/MOBILE/Block Pop Up.png b/.design/design-assets/SCREENSHOTS/MOBILE/Block Pop Up.png similarity index 100% rename from design-assets/SCREENSHOTS/MOBILE/Block Pop Up.png rename to .design/design-assets/SCREENSHOTS/MOBILE/Block Pop Up.png diff --git a/design-assets/SCREENSHOTS/MOBILE/Blocked Contacts.png b/.design/design-assets/SCREENSHOTS/MOBILE/Blocked Contacts.png similarity index 100% rename from design-assets/SCREENSHOTS/MOBILE/Blocked Contacts.png rename to .design/design-assets/SCREENSHOTS/MOBILE/Blocked Contacts.png diff --git a/design-assets/SCREENSHOTS/MOBILE/Blocked Messages.png b/.design/design-assets/SCREENSHOTS/MOBILE/Blocked Messages.png similarity index 100% rename from design-assets/SCREENSHOTS/MOBILE/Blocked Messages.png rename to .design/design-assets/SCREENSHOTS/MOBILE/Blocked Messages.png diff --git a/design-assets/SCREENSHOTS/MOBILE/Blocked Topics.png b/.design/design-assets/SCREENSHOTS/MOBILE/Blocked Topics.png similarity index 100% rename from design-assets/SCREENSHOTS/MOBILE/Blocked Topics.png rename to .design/design-assets/SCREENSHOTS/MOBILE/Blocked Topics.png diff --git a/design-assets/SCREENSHOTS/MOBILE/Change Credentials Pop Up-1.png b/.design/design-assets/SCREENSHOTS/MOBILE/Change Credentials Pop Up-1.png similarity index 100% rename from design-assets/SCREENSHOTS/MOBILE/Change Credentials Pop Up-1.png rename to .design/design-assets/SCREENSHOTS/MOBILE/Change Credentials Pop Up-1.png diff --git a/design-assets/SCREENSHOTS/MOBILE/Change Credentials Pop Up.png b/.design/design-assets/SCREENSHOTS/MOBILE/Change Credentials Pop Up.png similarity index 100% rename from design-assets/SCREENSHOTS/MOBILE/Change Credentials Pop Up.png rename to .design/design-assets/SCREENSHOTS/MOBILE/Change Credentials Pop Up.png diff --git a/design-assets/SCREENSHOTS/MOBILE/Chat Settings.png b/.design/design-assets/SCREENSHOTS/MOBILE/Chat Settings.png similarity index 100% rename from design-assets/SCREENSHOTS/MOBILE/Chat Settings.png rename to .design/design-assets/SCREENSHOTS/MOBILE/Chat Settings.png diff --git a/design-assets/SCREENSHOTS/MOBILE/Contact List.png b/.design/design-assets/SCREENSHOTS/MOBILE/Contact List.png similarity index 100% rename from design-assets/SCREENSHOTS/MOBILE/Contact List.png rename to .design/design-assets/SCREENSHOTS/MOBILE/Contact List.png diff --git a/design-assets/SCREENSHOTS/MOBILE/Conversation Empty.png b/.design/design-assets/SCREENSHOTS/MOBILE/Conversation Empty.png similarity index 100% rename from design-assets/SCREENSHOTS/MOBILE/Conversation Empty.png rename to .design/design-assets/SCREENSHOTS/MOBILE/Conversation Empty.png diff --git a/design-assets/SCREENSHOTS/MOBILE/Conversation List.png b/.design/design-assets/SCREENSHOTS/MOBILE/Conversation List.png similarity index 100% rename from design-assets/SCREENSHOTS/MOBILE/Conversation List.png rename to .design/design-assets/SCREENSHOTS/MOBILE/Conversation List.png diff --git a/design-assets/SCREENSHOTS/MOBILE/Conversation.png b/.design/design-assets/SCREENSHOTS/MOBILE/Conversation.png similarity index 100% rename from design-assets/SCREENSHOTS/MOBILE/Conversation.png rename to .design/design-assets/SCREENSHOTS/MOBILE/Conversation.png diff --git a/design-assets/SCREENSHOTS/MOBILE/Conversations List Empty.png b/.design/design-assets/SCREENSHOTS/MOBILE/Conversations List Empty.png similarity index 100% rename from design-assets/SCREENSHOTS/MOBILE/Conversations List Empty.png rename to .design/design-assets/SCREENSHOTS/MOBILE/Conversations List Empty.png diff --git a/design-assets/SCREENSHOTS/MOBILE/Create Account.png b/.design/design-assets/SCREENSHOTS/MOBILE/Create Account.png similarity index 100% rename from design-assets/SCREENSHOTS/MOBILE/Create Account.png rename to .design/design-assets/SCREENSHOTS/MOBILE/Create Account.png diff --git a/design-assets/SCREENSHOTS/MOBILE/Delete Account ADMIN.png b/.design/design-assets/SCREENSHOTS/MOBILE/Delete Account ADMIN.png similarity index 100% rename from design-assets/SCREENSHOTS/MOBILE/Delete Account ADMIN.png rename to .design/design-assets/SCREENSHOTS/MOBILE/Delete Account ADMIN.png diff --git a/design-assets/SCREENSHOTS/MOBILE/Delete Account.png b/.design/design-assets/SCREENSHOTS/MOBILE/Delete Account.png similarity index 100% rename from design-assets/SCREENSHOTS/MOBILE/Delete Account.png rename to .design/design-assets/SCREENSHOTS/MOBILE/Delete Account.png diff --git a/design-assets/SCREENSHOTS/MOBILE/Delete Contact.png b/.design/design-assets/SCREENSHOTS/MOBILE/Delete Contact.png similarity index 100% rename from design-assets/SCREENSHOTS/MOBILE/Delete Contact.png rename to .design/design-assets/SCREENSHOTS/MOBILE/Delete Contact.png diff --git a/design-assets/SCREENSHOTS/MOBILE/Disable Account ADMIN.png b/.design/design-assets/SCREENSHOTS/MOBILE/Disable Account ADMIN.png similarity index 100% rename from design-assets/SCREENSHOTS/MOBILE/Disable Account ADMIN.png rename to .design/design-assets/SCREENSHOTS/MOBILE/Disable Account ADMIN.png diff --git a/design-assets/SCREENSHOTS/MOBILE/Empty Contact List.png b/.design/design-assets/SCREENSHOTS/MOBILE/Empty Contact List.png similarity index 100% rename from design-assets/SCREENSHOTS/MOBILE/Empty Contact List.png rename to .design/design-assets/SCREENSHOTS/MOBILE/Empty Contact List.png diff --git a/design-assets/SCREENSHOTS/MOBILE/Login.png b/.design/design-assets/SCREENSHOTS/MOBILE/Login.png similarity index 100% rename from design-assets/SCREENSHOTS/MOBILE/Login.png rename to .design/design-assets/SCREENSHOTS/MOBILE/Login.png diff --git a/design-assets/SCREENSHOTS/MOBILE/Logout Pop Up.png b/.design/design-assets/SCREENSHOTS/MOBILE/Logout Pop Up.png similarity index 100% rename from design-assets/SCREENSHOTS/MOBILE/Logout Pop Up.png rename to .design/design-assets/SCREENSHOTS/MOBILE/Logout Pop Up.png diff --git a/design-assets/SCREENSHOTS/MOBILE/Mute Pop Up.png b/.design/design-assets/SCREENSHOTS/MOBILE/Mute Pop Up.png similarity index 100% rename from design-assets/SCREENSHOTS/MOBILE/Mute Pop Up.png rename to .design/design-assets/SCREENSHOTS/MOBILE/Mute Pop Up.png diff --git a/design-assets/SCREENSHOTS/MOBILE/New Conversation.png b/.design/design-assets/SCREENSHOTS/MOBILE/New Conversation.png similarity index 100% rename from design-assets/SCREENSHOTS/MOBILE/New Conversation.png rename to .design/design-assets/SCREENSHOTS/MOBILE/New Conversation.png diff --git a/design-assets/SCREENSHOTS/MOBILE/Onboarding.png b/.design/design-assets/SCREENSHOTS/MOBILE/Onboarding.png similarity index 100% rename from design-assets/SCREENSHOTS/MOBILE/Onboarding.png rename to .design/design-assets/SCREENSHOTS/MOBILE/Onboarding.png diff --git a/design-assets/SCREENSHOTS/MOBILE/Profile.png b/.design/design-assets/SCREENSHOTS/MOBILE/Profile.png similarity index 100% rename from design-assets/SCREENSHOTS/MOBILE/Profile.png rename to .design/design-assets/SCREENSHOTS/MOBILE/Profile.png diff --git a/design-assets/SCREENSHOTS/MOBILE/Reset Account Pop Up.png b/.design/design-assets/SCREENSHOTS/MOBILE/Reset Account Pop Up.png similarity index 100% rename from design-assets/SCREENSHOTS/MOBILE/Reset Account Pop Up.png rename to .design/design-assets/SCREENSHOTS/MOBILE/Reset Account Pop Up.png diff --git a/design-assets/SCREENSHOTS/MOBILE/Settings.png b/.design/design-assets/SCREENSHOTS/MOBILE/Settings.png similarity index 100% rename from design-assets/SCREENSHOTS/MOBILE/Settings.png rename to .design/design-assets/SCREENSHOTS/MOBILE/Settings.png diff --git a/design-assets/SCREENSHOTS/MOBILE/Unblock Pop Up-1.png b/.design/design-assets/SCREENSHOTS/MOBILE/Unblock Pop Up-1.png similarity index 100% rename from design-assets/SCREENSHOTS/MOBILE/Unblock Pop Up-1.png rename to .design/design-assets/SCREENSHOTS/MOBILE/Unblock Pop Up-1.png diff --git a/design-assets/SCREENSHOTS/MOBILE/Unblock Pop Up-2.png b/.design/design-assets/SCREENSHOTS/MOBILE/Unblock Pop Up-2.png similarity index 100% rename from design-assets/SCREENSHOTS/MOBILE/Unblock Pop Up-2.png rename to .design/design-assets/SCREENSHOTS/MOBILE/Unblock Pop Up-2.png diff --git a/design-assets/SCREENSHOTS/MOBILE/Unblock Pop Up.png b/.design/design-assets/SCREENSHOTS/MOBILE/Unblock Pop Up.png similarity index 100% rename from design-assets/SCREENSHOTS/MOBILE/Unblock Pop Up.png rename to .design/design-assets/SCREENSHOTS/MOBILE/Unblock Pop Up.png diff --git a/design-assets/SCREENSHOTS/MOBILE/Video screen.png b/.design/design-assets/SCREENSHOTS/MOBILE/Video screen.png similarity index 100% rename from design-assets/SCREENSHOTS/MOBILE/Video screen.png rename to .design/design-assets/SCREENSHOTS/MOBILE/Video screen.png diff --git a/design-assets/SCREENSHOTS/Mobile.png b/.design/design-assets/SCREENSHOTS/Mobile.png similarity index 100% rename from design-assets/SCREENSHOTS/Mobile.png rename to .design/design-assets/SCREENSHOTS/Mobile.png diff --git a/design-assets/SCREENSHOTS/Styleguide.png b/.design/design-assets/SCREENSHOTS/Styleguide.png similarity index 100% rename from design-assets/SCREENSHOTS/Styleguide.png rename to .design/design-assets/SCREENSHOTS/Styleguide.png diff --git a/design-assets/SCREENSHOTS/Styleguide/Page 1.png b/.design/design-assets/SCREENSHOTS/Styleguide/Page 1.png similarity index 100% rename from design-assets/SCREENSHOTS/Styleguide/Page 1.png rename to .design/design-assets/SCREENSHOTS/Styleguide/Page 1.png diff --git a/design-assets/SCREENSHOTS/Styleguide/Page 10.png b/.design/design-assets/SCREENSHOTS/Styleguide/Page 10.png similarity index 100% rename from design-assets/SCREENSHOTS/Styleguide/Page 10.png rename to .design/design-assets/SCREENSHOTS/Styleguide/Page 10.png diff --git a/design-assets/SCREENSHOTS/Styleguide/Page 2.png b/.design/design-assets/SCREENSHOTS/Styleguide/Page 2.png similarity index 100% rename from design-assets/SCREENSHOTS/Styleguide/Page 2.png rename to .design/design-assets/SCREENSHOTS/Styleguide/Page 2.png diff --git a/design-assets/SCREENSHOTS/Styleguide/Page 3.png b/.design/design-assets/SCREENSHOTS/Styleguide/Page 3.png similarity index 100% rename from design-assets/SCREENSHOTS/Styleguide/Page 3.png rename to .design/design-assets/SCREENSHOTS/Styleguide/Page 3.png diff --git a/design-assets/SCREENSHOTS/Styleguide/Page 4.png b/.design/design-assets/SCREENSHOTS/Styleguide/Page 4.png similarity index 100% rename from design-assets/SCREENSHOTS/Styleguide/Page 4.png rename to .design/design-assets/SCREENSHOTS/Styleguide/Page 4.png diff --git a/design-assets/SCREENSHOTS/Styleguide/Page 5.png b/.design/design-assets/SCREENSHOTS/Styleguide/Page 5.png similarity index 100% rename from design-assets/SCREENSHOTS/Styleguide/Page 5.png rename to .design/design-assets/SCREENSHOTS/Styleguide/Page 5.png diff --git a/design-assets/SCREENSHOTS/Styleguide/Page 6.png b/.design/design-assets/SCREENSHOTS/Styleguide/Page 6.png similarity index 100% rename from design-assets/SCREENSHOTS/Styleguide/Page 6.png rename to .design/design-assets/SCREENSHOTS/Styleguide/Page 6.png diff --git a/design-assets/SCREENSHOTS/Styleguide/Page 7.png b/.design/design-assets/SCREENSHOTS/Styleguide/Page 7.png similarity index 100% rename from design-assets/SCREENSHOTS/Styleguide/Page 7.png rename to .design/design-assets/SCREENSHOTS/Styleguide/Page 7.png diff --git a/design-assets/SCREENSHOTS/Styleguide/Page 8.png b/.design/design-assets/SCREENSHOTS/Styleguide/Page 8.png similarity index 100% rename from design-assets/SCREENSHOTS/Styleguide/Page 8.png rename to .design/design-assets/SCREENSHOTS/Styleguide/Page 8.png diff --git a/design-assets/SCREENSHOTS/Styleguide/Page 9.png b/.design/design-assets/SCREENSHOTS/Styleguide/Page 9.png similarity index 100% rename from design-assets/SCREENSHOTS/Styleguide/Page 9.png rename to .design/design-assets/SCREENSHOTS/Styleguide/Page 9.png diff --git a/design-assets/SCREENSHOTS/databag-d.png b/.design/design-assets/SCREENSHOTS/databag-d.png similarity index 100% rename from design-assets/SCREENSHOTS/databag-d.png rename to .design/design-assets/SCREENSHOTS/databag-d.png diff --git a/design-assets/SCREENSHOTS/databag-m.png b/.design/design-assets/SCREENSHOTS/databag-m.png similarity index 100% rename from design-assets/SCREENSHOTS/databag-m.png rename to .design/design-assets/SCREENSHOTS/databag-m.png diff --git a/design-assets/design.md b/.design/design-assets/design.md similarity index 100% rename from design-assets/design.md rename to .design/design-assets/design.md diff --git a/design.md b/design.md deleted file mode 100644 index 463eafb9..00000000 --- a/design.md +++ /dev/null @@ -1,52 +0,0 @@ -# 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** - - - - -Mobile - - - -### **Desktop Proposed Design** - - - -Desktop - - - -### **Style Guide** - - - -Styleguide - - -_*There are some more screens in the figma file_ - - - - -