Files
obis-gestionale-security/docs/development/devlog/2025-12-15-123500_ui_overhaul.md
2025-12-15 13:16:19 +01:00

1004 B

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

  • Define new Color Palette and CSS Variables in index.css.
  • Refactor MainLayout for better structure and glass sidebar.
  • Update Dashboard widgets style.
  • Update Companies table style.
  • Global typography update.