Productivity · Quiet Operations
HR App UI Design Template
Cohort is an HR app design with a calm, paper-warm look and a people-chip system, built for teams shipping HR and people-management products.



Anteprima
Esplora le schermate
Anteprima del design dell'app mobile HR, completamente modificabile in Sleek.
Info su HR App
Cohort is an HR app UI design template built around a "Quiet Operations" aesthetic: a warm paper-white canvas, deep slate text, and a single muted sage accent reserved for primary actions and positive status, with a soft clay tone flagging anything that needs attention. There are no heavy card borders or drop shadows; surfaces sit as inset panels separated by faint paper-tone shifts and hairline rules, while large thin tabular numerals keep headcounts, balances, and dates aligned in tidy columns.
The template ships seven connected screens that cover a full people-team workflow: a Dashboard with a greeting and hero stats, a searchable People Directory, an Employee Profile with compensation and tabs, an Approvals queue, a Time Off calendar with balances, an Org Chart tree, and a new-hire Onboarding checklist. A signature people-chip recurs throughout, a circular headshot paired with a tracked-out role label and a status dot (green active, clay pending, grey out-of-office), so the whole product feels populated with real humans.
Use it in Sleek and make it yours: restyle the palette, edit any screen with AI by describing the change, and add the flows your HR product needs. Then export it to code, copy it into Figma, or hand a prompt to an AI agent to build it for real, far faster than starting from a blank canvas.
Cosa c'è dentro
Schermate incluse
Dashboard
A personalized "Good morning, Priya" greeting over a hero stat row (142 employees, 6 open roles, pending approvals), a "Needs your attention" panel of approval people-chips, and an "Out today" list. The HR manager's daily command center.
People Directory
A searchable, filterable list of people-chips with role labels, status dots, and locations, plus department filter pills across the top. The fast way to find anyone in the company.
Employee Profile
A large header chip with Actions and Message buttons, tabs for Overview, Pay, Docs, and Time Off, and a compensation block showing base salary and equity in tidy tabular numerals.
Org Chart
An expandable tree of people-chips showing reporting lines from the CEO down through VPs, managers, and individual contributors. Makes team structure clear at a glance.
Approvals
A queue of expense and time-off requests as inset panels with requester chips, amounts, context, and Approve (sage) or Decline (ghost) actions, split into Pending and History tabs. Keeps decisions moving.
Time Off
A balance summary for vacation and sick days, a month calendar marking booked days in sage and pending requests in clay, and a request history list. Self-service leave at a glance.
Onboarding
A new-hire checklist for Daniel Reyes with a progress bar (4 of 9 tasks), required-action items with completed, overdue, and waiting states, plus a Team & IT section with assignees. Tracks every step of week one.
Design e funzionalità
Funzionalità principali
- Quiet Operations aesthetic: paper-white canvas, sage accent, clay attention states
- Tonal-stack surfaces with hairline rules and no drop shadows
- Signature people-chip: avatar, tracked-out role label, and status dot
- Tabular numerals for headcounts, balances, and salaries
- Dashboard with hero stats and a needs-attention queue
- Searchable directory with department filters
- Approvals queue with sage approve and ghost decline actions
- Time-off calendar with booked and pending day states
Pubblico
A chi è rivolto
Casi d'uso
Cosa puoi creare
- Launch an MVP for an HR or people-operations product
- Mock up screens for an investor or stakeholder pitch
- Hand a consistent HR UI off to developers
- Explore a redesign of an existing HR mobile app
Come usare questo template
- 1
Apri il template
Sfoglia le schermate e guarda l'anteprima del design completo per capire se si adatta alla tua idea.
- 2
Usa questo template
Apri la tua copia completamente modificabile in Sleek con un clic.
- 3
Modifica con l'AI
Cambia la palette, i layout e aggiungi o rimuovi schermate descrivendo semplicemente cosa vuoi.
- 4
Esporta e lancia
Esporta il tuo design o passalo agli sviluppatori, e continua a costruire verso il lancio.
Domande frequenti
Template di app mobile correlati
Inizia a disegnare la tua app HR
Usalo in Sleek e rendilo tuo: cambia la palette, modifica qualsiasi schermata con l'AI ed esporta in codice o su Figma.
Usa questo template







