hamelndigital

design

Page kit

Page kit

Application-level composition primitives — the pieces every page repeats. AppShell gives you the frame; PageHeader, EmptyState, Stat, FieldRow, and ConfirmDialog fill it. The admin app is built entirely from these.

AppShell — the frame

topbar — search, actions, theme

content slot

<AppShell>
  <AppShellSidebar>
    <AppShellBrand label="admin">app</AppShellBrand>
    <AppShellNav>
      <NavItem href="/" active>Users</NavItem>
      <NavItem render={<Link href="/x" />}>…</NavItem>
    </AppShellNav>
    <AppShellSidebarFooter>…</AppShellSidebarFooter>
  </AppShellSidebar>
  <AppShellMain>
    <AppShellTopBar>…</AppShellTopBar>
    <AppShellContent>{children}</AppShellContent>
  </AppShellMain>
</AppShell>

PageHeader

Users

Manage workspace members and roles.

Stat

99.98%

uptime, trailing 12 months

142

deploys this quarter

4.2s

median build time

FieldRow — settings rows

Timezone

Used for scheduled jobs.

Weekly digest

A summary of workspace activity.

EmptyState + ConfirmDialog

No users match

Try a different search or invite a teammate.