HRPanel v3
Design Mockups 13 screens
Design Review

HRPanel v3 — Design Mockups

Full HRMS design system with 13 polished screens. Clean all-light theme inspired by BambooHR and Rippling. Click any card to preview the mockup.

Colors
Font Inter
Framework Tailwind CSS
01

Login

Split-panel auth screen with brand identity

Auth No sidebar
02

Dashboard

KPIs, attendance chart, leave requests, quick actions

Active Analytics
03

Employee Directory

Card grid with filters, search, and status badges

Card Grid Pagination
04

Employee Profile

Tabbed profile with personal, job, and payroll info

Tabs Detail View
05

Leave Management

Admin view of leave requests with approve/reject

Table Filters
06

Attendance

Monthly calendar view with color-coded statuses

Calendar Clock In/Out
07

Payroll

Payroll runs history, summaries, and processing

History Payslips
08

Recruitment

Job postings with pipeline progress indicators

Job Cards Pipeline
09

Applicant Kanban

5-stage hiring pipeline kanban board

Kanban Drag & Drop
★
★
★
10

Performance

OKR goals with progress bars and team reviews

Goals Reviews
11

Reports

Workforce, leave, and payroll analytics dashboards

Charts Analytics
12

Settings

Company profile, work schedule, and system config

Forms Config