HR & People Ops

Employee Directory Template — Swiss-Grid People Registry

Grid Directory is an employee directory template built as a Swiss International Style people registry. A 240px ruled sidebar anchors the layout, flush-left grotesque type sits on a rigid grid, and hairline tables carry uppercase mono apparatus. Ink-ruled node cards connect teams with hard 90-degree connectors, and a single signal red is reserved for the active marker, the logo unit, and one consequential action — so the interface reads like a well-set document rather than a decorated dashboard.

The template ships with six screens: a searchable Directory for scanning the whole organization, a fully composed employee Profile (shown as Mara Keller), a Teams view that maps reporting lines, and the complete auth flow — Sign in, Create account, and Reset password. Because this is an app UI rather than a static page, it binds to real data when remixed: point the directory at your own roster API or database and the grid, filters, and profile layouts populate with live records.

It's built for HR and people-ops teams, operations leads, and internal-tools builders who need a personnel registry that scales past a hundred names without visual noise. The ruled structure converts because hierarchy is typographic, not ornamental — a visitor finds a person, team, or reporting line in one scan, and the disciplined use of a single accent color keeps attention on the actions that matter.

Who it's for

For HR and people-ops teams that need an internal directory where employees can search colleagues, view profiles, and browse team structure.

Template details
Included pagesDirectory, Profile — Mara Keller, Teams, Sign in, Create account, Reset password
Best forFor HR and people-ops teams that need an internal directory where employees can search colleagues, view profiles, and browse team structure.
TypeWeb app UI
CategoryHR & People Ops
Themes3
Last updated2026-07-21
Open live preview

Dual7 · a product of AlgorithmShift · Build once. Own forever.