diff --git a/ui-design/card-themes/README.md b/ui-design/card-themes/README.md new file mode 100644 index 0000000..4f7306b --- /dev/null +++ b/ui-design/card-themes/README.md @@ -0,0 +1,55 @@ +# 📦 UI Card Theme Variations + +Designed by: **Anushka Varshney** +Date: **August 2025** + +This folder contains three unique UI card theme previews created as part of [Issue #83](https://github.com/Loop-Hive/ScheduleX/issues/83) for ScheduleX. Each card variation follows the specifications provided in the issue and supports both light and dark modes. + +--- + +## 🌐 Theme Previews + +### 1. Glassmorphism +- 🔲 **Shape**: Rounded +- 🧊 **Style**: Image background with blur effect +- 🧥 **Shadow**: Soft glow and elevation +- 🌗 **Mode**: Light/Dark compatible + +### 2. Neumorphism +- 🔲 **Shape**: Softly rounded edges +- 💡 **Style**: Raised surface look with inner shadows +- 🧥 **Shadow**: Deep + soft shadow layering +- 🎨 **Accent**: Minimalist tones, clean layout +- 🌗 **Mode**: Best suited for light themes + +### 3. Flat Design +- 🔲 **Shape**: Sharp and flat +- 💡 **Style**: No shadows, high clarity +- 🖌️ **Accent**: Bold borders, hover highlights +- 🌗 **Mode**: Versatile for all themes + +--- + +## 🖼️ File Structure + +```bash +card-themes/ +│ +├── glassmorphism.png +├── neumorphism.png +├── flat.png +└── README.md +``` + +--- + +## ✅ Notes + +- Designs are made in **Figma** +- Exported as `.png` for quick preview +- Follows responsive layout guidelines +- Aligned with overall ScheduleX UI direction + +--- + +Thank you! Feel free to review and suggest changes. 😊 diff --git a/ui-design/card-themes/flat/Cards.png b/ui-design/card-themes/flat/Cards.png new file mode 100644 index 0000000..fdf7525 Binary files /dev/null and b/ui-design/card-themes/flat/Cards.png differ diff --git a/ui-design/card-themes/flat/Dark Theme.png b/ui-design/card-themes/flat/Dark Theme.png new file mode 100644 index 0000000..facd03a Binary files /dev/null and b/ui-design/card-themes/flat/Dark Theme.png differ diff --git a/ui-design/card-themes/flat/Light Theme.png b/ui-design/card-themes/flat/Light Theme.png new file mode 100644 index 0000000..e7336fe Binary files /dev/null and b/ui-design/card-themes/flat/Light Theme.png differ diff --git a/ui-design/card-themes/glassmorphism/Cards.png b/ui-design/card-themes/glassmorphism/Cards.png new file mode 100644 index 0000000..9a6869c Binary files /dev/null and b/ui-design/card-themes/glassmorphism/Cards.png differ diff --git a/ui-design/card-themes/glassmorphism/Desktop - 1.png b/ui-design/card-themes/glassmorphism/Desktop - 1.png new file mode 100644 index 0000000..fd03de8 Binary files /dev/null and b/ui-design/card-themes/glassmorphism/Desktop - 1.png differ diff --git a/ui-design/card-themes/glassmorphism/Desktop - 2.png b/ui-design/card-themes/glassmorphism/Desktop - 2.png new file mode 100644 index 0000000..75a4833 Binary files /dev/null and b/ui-design/card-themes/glassmorphism/Desktop - 2.png differ diff --git a/ui-design/card-themes/neumorphism/Cards.png b/ui-design/card-themes/neumorphism/Cards.png new file mode 100644 index 0000000..85d6c85 Binary files /dev/null and b/ui-design/card-themes/neumorphism/Cards.png differ diff --git a/ui-design/card-themes/neumorphism/Dark Theme.png b/ui-design/card-themes/neumorphism/Dark Theme.png new file mode 100644 index 0000000..8e7249d Binary files /dev/null and b/ui-design/card-themes/neumorphism/Dark Theme.png differ diff --git a/ui-design/card-themes/neumorphism/Light Theme.png b/ui-design/card-themes/neumorphism/Light Theme.png new file mode 100644 index 0000000..b6ba81b Binary files /dev/null and b/ui-design/card-themes/neumorphism/Light Theme.png differ