I'll analyze this schedule management interface design and create a comprehensive UX prompt for an AI agent:

UX Design Brief: Employee Schedule Management Interface

Overview: Design a modern, professional schedule management system for a business (appears to be a café/restaurant called "TailorMade"). The interface should enable managers to view, create, and manage employee work schedules with Greek language support.

Visual Style:

• Color Palette:
  • Primary brand color: #8B6B4A (warm brown)
  • Secondary hover state: #6B5239 (darker brown)
  • Status colors: Purple gradients for regular shifts, red gradients for days off, green/yellow/orange for employee roles
  • Background: Soft gray (#F9FAFB)
• Typography: Inter font family, clean and modern
• Design Language: Minimalist, card-based layout with subtle shadows and rounded corners
• Animations: Smooth transitions (0.2s ease), hover effects with slight elevation, fade-in animations for sections

Header Section:

• Sticky top navigation with white background
• Left: Back button with arrow icon and "Back to Schedule" text
• Center/Right: Week navigation with date range "Oct 20-26, 2025", flanked by previous/next arrow buttons
• Brand color (#8B6B4A) for active date display

Main Content Structure:

1. Page Title:
   • Large heading: "SCHEDULE MANAGEMENT" in monospace font
   • Subtitle in Greek: "Διαχειριστείτε τις βάρδιες της εβδομάδας"
2. Quick Actions Bar:
   • White card with border
   • Icon with "QUICK ACTIONS" header
   • Horizontal button group:
     • Primary: "Add Shift" (brown background, white text)
     • Secondary: "Copy Last Week", "Apply Template", "Export" (white with borders)
   • All buttons include relevant icons
3. Employee Selection Section:
   • Title: "SELECT EMPLOYEE" with people icon
   • Right corner: Total hours display "0h / 40h"
   • Search bar with magnifying glass icon
   • Employee Cards Grid (4 columns):
     • Card design per employee:
       • Circular avatar with gradient background (color-coded by role)
       • Initials in bold
       • Online status indicator (green dot)
       • Employee name in Greek
       • Surname below name
       • Role badge (colored pill: Admin=purple, Head Barista=blue, Employee=green/yellow)
       • Weekly hours allocation with clock icon
     • Hover effect: Slight elevation with shadow
     • Selected state: Brown border with glow effect
4. Weekly Schedule Calendar:
   • Title: "[Employee Name] - WEEKLY SCHEDULE" with calendar icon
   • Right: Total hours display
   • 7-column grid (Monday-Sunday):
     • Each day shows:
       • Day name in Greek
       • Date
     • Shift cells (2 types):A. Filled shifts (purple gradient):
       • Top: Checkmark icon and edit/delete action buttons
       • Center: Start time (large, bold)
       • Separator dash
       • End time (large, bold)
       • Bottom: Duration in hours
       • Hover: Slight lift with shadow
       • Briefcase icon and action buttons
       • Large text: "ΡΕΠΟ" (Greek for day off)
       • Subtitle: "Day Off"
       • Plus icon
       • "Add Shift" text
       • Hover: Brown border, light yellow background
   • Bottom action buttons:
     • Primary: "Save All Changes" (brown)
     • Secondary: "Clear Week", "Copy to Next Week" (white with borders)
5. Pending Change Requests Section:
   • Orange gradient background
   • Bold header with flag icon: "PENDING CHANGE REQUESTS"
   • Badge showing count (e.g., "2")
   • Request cards:
     • Employee avatar
     • Name and date
     • "Pending" status badge
     • Current vs. requested time comparison with arrow
     • Employee's reason note in italics (Greek)
     • Action buttons: "Approve & Update" (green), "Reject" (red), message button (white)
6. Conflicts & Warnings Section:
   • Red/orange gradient background
   • Warning triangle icon header
   • Alert types (color-coded left border):
     • Error (red): Critical issues with "Add coverage" link
     • Warning (yellow): Approaching limits
     • Info (blue): Informational notices
   • Each shows icon and descriptive message

Modal Dialog - Add Shift:

• Centered overlay with backdrop blur
• White card with rounded corners
• Header:
  • Title "Add Shift" with plus icon
  • Close button (X)
• Form fields:
  • Employee dropdown
  • Date picker
  • Start/End time inputs (side by side)
  • Duration calculation display (blue info box)
  • Shift type radio buttons (Regular/Day Off)
  • Optional notes textarea
• Footer buttons:
  • "Cancel" (secondary)
  • "Save Shift" (primary brown)

Interactive Behaviors:

• Employee cards: Click to select, shows selection state
• Shift cells: Hover elevation, click to edit
• Empty cells: Transform to yellow on hover
• Modal: Opens centered, closes on ESC key or backdrop click
• All buttons: Subtle hover state changes

Responsive Considerations:

• Grid adapts from 4 columns to 2 to 1 on smaller screens
• Horizontal scroll for calendar on mobile
• Stack buttons vertically on small screens
• Maintain touch-friendly target sizes (minimum 44px)

Accessibility:

• Clear visual hierarchy
• Sufficient color contrast ratios
• Icon + text combinations
• Focus states on interactive elements
• Semantic HTML structure

I'll create a comprehensive employee schedule management interface for TailorMade café with Greek language support. This will include employee selection, weekly schedule calendar, pending change requests, and all the interactive features you described with the warm brown color scheme and modern design.