WinTalent - 评估报告精细化排版优化
A professional, data-driven HR tech assessment report design system. Featuring a clean editorial layout, technical typography pairings, and a 'paper-like' central container optimized for digital reading and PDF export. Key elements include corporate blue accents (#2563eb), structured data grids, radar charts, and high-readability prose sections. Suitable for SaaS dashboards, recruitment platforms, talent management systems, and enterprise internal tools.
Summary
A high-fidelity assessment report interface featuring a multi-column sidebar, a utility header, and a centralized, high-contrast report card with specialized sections for skills analytics, textual feedback, and hiring recommendations.
Style
Professional 'Enterprise Modern' aesthetic. Uses Plus Jakarta Sans for UI and JetBrains Mono for data points. Palette is grounded in Slate grays with Blue-600 as the primary action color. Emphasis on generous white space, subtle shadows (0 10px 40px -10px rgba(0, 0, 0, 0.08)), and rigorous vertical alignment.
Layout & Structure
Three-tier layout: Fixed left sidebar (288px), sticky top header (64px), and a scrollable main area containing a fixed-width (960px) report card.
Sidebar & Navigation
App Utility Header
Report Header & Candidate Card
Analytics Section
Feedback & Recommendations
Components
Score Badge
High-impact numeric score display.
Floating Action Button (FAB)
Primary floating feedback/utility trigger.
Radar Chart SVG
Hexagonal skill visualization.