WinTalent - 历史面试记录 (排版精细化版)
WinTalent is a professional HR and recruitment SaaS dashboard style characterized by high-density information layout, clean typography using Plus Jakarta Sans, and a sophisticated 'Tech Blue' color palette (#2563eb). It features a structured multi-column layout with a 2-column history grid, a comprehensive analytical sidebar, and refined card components. Ideal for enterprise recruitment platforms, fintech back-offices, and data-intensive CRM systems requiring deep tracking and reporting capabilities.
Summary
A high-fidelity interview record dashboard with a tripartite layout: navigation sidebar, main filtered data grid, and an analytical statistics panel. The design uses a clean Slate-50 background, rounded-2xl cards with subtle shadows, and a consistent information hierarchy driven by bold, uppercase metadata labels.
Style
Modern corporate tech aesthetic combining high-legibility sans-serif fonts (Plus Jakarta Sans) with monospaced data highlights (JetBrains Mono). Color palette focuses on Tech Blue (#2563eb) for primary actions and Slate-500/600 for secondary text. Features include 16px border-radius containers, light 1px borders (#e2e8f0), and subtle card-shadows (0 4px 20px -2px rgba(0,0,0,0.05)).
Layout & Structure
Three-pane structure: Left sidebar (navigation), Center main (search, record grid, pagination), and Right sidebar (KPIs and metrics).
Navigation Sidebar
Main Header
Search & Filter Bar
Candidate Card Grid
Right Statistics Panel
Components
Efficiency KPI Card
High-impact visual metric card used in the sidebar.
Refined Candidate Card
Data-rich record card with distinct sections.
Special Notes
MUST maintain the 10px uppercase tracking-widest labels for all section headers and metadata. MUST use line-clamp-2 on all candidate remarks. DO NOT use generic rounded corners; strictly follow the 16px radius for top-level cards and 8px/12px for nested elements. Ensure status badges (Pass, Pending, Fail) use light background variants of Green, Amber, and Red respectively.