cobalt-hr

byZeel Nanavati

Create a premium, modern HR Management System website called Aurevia HR with a clean, minimal, and elegant user interface using a cream (warm off-white) and cyan (soft blue-green) color palette. The design should feel luxurious, calming, and highly professional—similar to a high-end SaaS product. 🎨 Design & Feel - Use soft cream backgrounds with cyan accents for buttons, highlights, and interactive elements - Typography should be clean, spacious, and slightly bold for headings - Include subtle animations (hover effects, smooth transitions) to enhance the premium feel - Maintain plenty of white space to avoid clutter and cognitive overload --- 🏠 Landing Page Structure 1. Hero Section - Headline: “Simplify People Management with Clarity & Control” - Subtext: Short value-driven description focusing on ease, clarity, and efficiency - CTA Buttons: “Get Started” and “View Dashboard Demo” - Visual: Clean dashboard preview mockup --- 2. Core Features Section (Visually Card-Based) Each feature should be represented with icons and short descriptions: - Payroll Management - Automated salary processing - Secure and admin-controlled visibility - Monthly breakdown and export - Attendance Tracking - Daily check-in/check-out system - Visual attendance calendar - Late/absence indicators - Leave Management - Leave balance per employee - Easy leave request & approval flow - Real-time updates - Employee Profiles - Unique Employee ID system - Personal and professional info management - Employees can edit non-sensitive data --- 3. Smart Admin Dashboard Section Showcase a clean UI preview with: - Full employee overview (Name, ID, Role, Status) - Salary & private data visible ONLY to admin - Department-wise filtering - Key stats: - Total employees - Active vs inactive - Attendance trends - Quick action buttons: - Add employee - Approve leaves - Process payroll --- 4. Simplicity Highlight Section Headline: “Powerful Yet Effortless” - Emphasize: - No overwhelming features - Easy onboarding - Clear navigation - Intuitive workflows --- 5. User Roles Explanation Visually separate: Admin Panel - Full access - Controls payroll & private data - Manages employees Employee Panel - Can update personal info - View attendance, leaves - Cannot access salary or restricted data --- 6. Dashboard Preview Section - Include a sleek UI mockup with: - Sidebar navigation - Clean data tables - Minimal charts - Use cyan highlights for active elements --- 7. Call to Action - “Start Managing Smarter Today” - Secondary CTA: “Book a Demo” --- ⚙️ Functional Design Guidelines - Keep features minimal but impactful - Avoid feature overload - Ensure every function has a clear purpose - Use tooltips or small hints for guidance - Prioritize clarity over complexity --- ✨ Extra Creative Enhancements - Add a “Daily Insight” widget in dashboard (e.g., attendance summary) - Include soft glassmorphism or light shadows for cards - Micro-interactions for buttons and hover states - Smooth transitions between sections --- 📱 Responsiveness - Fully responsive design for mobile, tablet, and desktop - Simplified navigation on smaller screens --- 🧩 Final Tone The entire website should feel: - Premium but approachable - Simple yet powerful - Clean, modern, and trustworthy Avoid clutter. Focus on clarity, elegance, and ease of use.