WinTalent - 评估报告精细化排版优化
WinTalent style guide for enterprise talent assessment reports, featuring a tech-focused professional aesthetic. Characterized by a clean 'tech-blue' palette, high-end editorial typography using Plus Jakarta Sans, and structured data visualization. Suitable for HR tech, recruitment SaaS, corporate evaluation dashboards, and data-heavy professional reports. Includes details for PDF-friendly printing, bento-style cards, and refined grid layouts.
Summary
A professional assessment report interface featuring a permanent sidebar for context, a sticky utility header, and a centered 'paper-style' report container. The design uses a white/slate background with blue accents to denote authority and precision, emphasizing readability and data-driven insights through radar charts and structured recommendation cards.
Style
The style is 'Enterprise Modern' utilizing a dual-font system: Plus Jakarta Sans for UI/copy and JetBrains Mono for data/IDs. The color palette is built on #2563EB (Tech Blue) and #0F172A (Slate Dark), with soft backgrounds of #F8FAFC. Micro-interactions include hover scales and subtle shadow transitions. The design features a specific 16px/24px border radius logic and an 8% opacity soft shadow system.
Layout & Structure
A 3-tier layout: Left sidebar (288px), sticky top header (64px), and a scrollable main area containing a fixed-width (960px) report card.
Sidebar & Navigation
Report Paper Header
Capability Analysis Section
Interview Feedback Typography
Hiring Recommendation Grid
Components
Score Summary Badge
A high-impact score display for the top-right of the report.
Floating Action Button
Primary floating interaction for report feedback or support.
Special Notes
MUST maintain the 960px max-width on the report to ensure PDF export scaling works correctly. DO NOT use heavy shadows on the report card during `@media print` (use border instead). MUST ensure all labels utilize the text-[10px] uppercase tracking-widest style for that 'professional document' aesthetic. Paragraph indentation (indent-6) is mandatory for the Feedback section to maintain editorial quality.