WinTalent - 面试官工作台 (细节优化版)
WinTalent design system: A clean, high-performance SaaS dashboard for interviewing and recruitment. Features a technical blue and slate palette, Plus Jakarta Sans typography, and a structured three-column layout. Ideal for HR tech, fintech, and professional enterprise tools. Utilizes glassmorphism, subtle shadows, and crisp JetBrains Mono for data-heavy elements. Optimized for focus and workflow efficiency with bento-grid inspired card structures.
Summary
A sophisticated interviewer workbench featuring a three-column layout: a left-hand navigation and candidate queue, a central assessment area with high-detail question cards, and a right-hand sidebar for time tracking and real-time progress. The UI emphasizes clarity through wide spacing, bold typography, and a professional blue/slate color system.
Style
The style is modern-corporate with a focus on 'Technical Elegance'. It uses a primary tech-blue (#2563eb) against a soft slate background (#f8fafc). Typography pairs 'Plus Jakarta Sans' for interfaces and 'JetBrains Mono' for time-sensitive data. Components use large border-radii (up to 24px) and subtle 'report-card' shadows to create depth without visual noise.
Layout & Structure
A responsive three-column grid. Left Sidebar (352px) for navigation; Main Feed (flexible) for active content; Right Sidebar (320px) for session-specific utilities.
Navigation Sidebar
Candidate Header
Assessment Question Cards
Right Session Sidebar
Components
Interactive Progress Timeline
A vertical stepper indicating workflow status.
Reference Guidance Box
Contextual help inside assessment cards.
SaaS Utility Header
Top-bar for global actions.
Special Notes
MUST maintain strict 40px vertical spacing between main sections. MUST use uppercase for all metadata labels (e.g., 'INTERVIEW TIMER'). MUST NOT use sharp corners (minimum 12px radius on all interactive elements). Ensure the background of the main content area is #f8fafc to make white cards pop.