FFCS-Master
Design a dark-themed web application UI for a student timetable generator (FFCS-style). Overall style: - Modern developer-tool aesthetic - Dark background (#0b0e14) - Subtle purple accent highlights - Clean, minimal, professional - No gradients, no marketing illustrations Layout: - Two-column layout Left panel (Course Configuration): - Title: "Course Configuration" - Dropdown: Select Domain (e.g., SCOPE – Computer Science) - Dropdown: Select Subject - Dropdown: Preferred Slot - Dropdown: Select Faculty - Primary button: "+ Add to Selection" Right panel (Selected Courses): - Title: "Selected Courses (X/10)" - List of course cards - Each card shows: - Course code and name - Faculty name (highlighted) - Selected slot - Small remove (X) button on the right - Top-right button: "Remove All" Bottom action: - Large primary button centered at bottom: - Text: "Generate Possible Timetables" - Green or accent-colored Timetable section: - Centered weekly timetable grid (Mon–Fri) - Slots are clickable cells - Selected slots are highlighted - Hover effect on slots - Top-right of timetable: "Reset" button - Text above timetable: - "Generate your timetable by selecting your preferred slots" Generated results (secondary view): - Card-based timetable options - Each option labeled: Option 1, Option 2 - Compact summary per option (days used, morning/evening) - One option marked as "Recommended" Typography: - Sans-serif - Large section headers - Muted gray labels - High-contrast text