Preview image. Unlock full-res
HR onboarding dashboard showing a yellow alert banner above task cards with progress indicators and due dates for pre-boarding, parental leave, and stock allocation.
Summary
An HR onboarding dashboard displaying three expandable task groups (Pre-boarding, Parental Leave, Stock Allocation) with completion counts, due dates, and a prominent yellow alert banner messaging new employees to complete pre-boarding tasks within 5 days.
Visual description
Soft white background with a pale gray card container. At the top, a yellow rounded-rectangle alert banner with an info icon delivers a time-sensitive message in dark gray sans-serif type. Below, "7 tasks outstanding" anchors the section. Three stacked task cards follow, each with a circular progress indicator on the left (green for active tasks, outline for pending), a bold title, date badge, completion count, gray description text, and a right chevron. Cards use subtle shadows and consistent 12px spacing, creating a scannable vertical list. The green progress rings and yellow banner are the only color accents against the neutral palette.
Key takeaway
The yellow alert-banner pattern for important deadlines or status messages. The combination of circular progress indicators plus right-aligned completion counts provides dual visual feedback. Card-based layout with left icons and right actions standardizes task hierarchy.
Reuse notes
Natural fit for employee onboarding, benefits enrollment, or HR workflow dashboards. The yellow banner demands attention without overwhelming; scale it down for sidebar alerts or expand it for full-width warnings. Works well when users need to complete sequential or parallel tasks with hard deadlines.
