22 lines
1004 B
Markdown
22 lines
1004 B
Markdown
# 2025-12-15-123500_ui_overhaul.md
|
|
|
|
## Objective
|
|
Overhaul the UI/UX to create a premium, modern, and aesthetically pleasing experience ("Wow" factor), moving away from the "unwatchable" current state.
|
|
|
|
## Design Direction
|
|
- **Theme:** Modern Dark/Light mode (default Dark deep premium).
|
|
- **Palette:** Deep slate/navy backgrounds, vibrant accents (violet/indigo/teal gradients), glassmorphism effects.
|
|
- **Typography:** Modern sans-serif (Inter/Roboto).
|
|
- **Components:**
|
|
- **Sidebar:** Glassmorphism, better spacing, active state indicators.
|
|
- **Cards:** Subtle borders, soft shadows, hover lifts.
|
|
- **Tables:** Clean headers, spacious rows, hover effects, specific status badges.
|
|
- **Animations:** Page transitions, button hover states.
|
|
|
|
## Tasks
|
|
- [x] Define new Color Palette and CSS Variables in `index.css`.
|
|
- [x] Refactor `MainLayout` for better structure and glass sidebar.
|
|
- [x] Update `Dashboard` widgets style.
|
|
- [x] Update `Companies` table style.
|
|
- [x] Global typography update.
|