Admin components
Utility components for building internal tools — all on the unified tokens, sharp 0px corners, and the Hanken Grotesk UI type. Drop them onto any Admin screen.
Icon system
Admin uses Font Awesome — Sharp (squared terminals), the functional counterpart to Brand's Thin cut — same library, denser weight for dense UI. Render in currentColor so icons inherit the surrounding text token and adapt to dark mode.
<svg class="ico"><use href="#i-gear"/></svg>. The Sharp sprite ships as the functional icon set; Brand pages use the Thin sprite at /design-system/icons-thin.svg.Buttons
Primary (gold) and ghost. Sharp corners, sans label.
Breadcrumb
Location within the portal hierarchy.
Tabs & segmented control
Switch views within a panel, or toggle a compact set of options.
Toggle & progress
Boolean settings and completion indicators.
Alerts
Inline feedback with a status accent.
Gail Stephens was routed to R. Pierce for estate planning.
The engagement letter was countersigned and filed.
Probate filing for Estate of Turner is due in 3 days.
The card on file for invoice #1043 was declined.
KPI & sparkline
Compact metric tiles with an inline trend.
Avatars & pagination
Team presence and table paging.
Activity feed
Chronological events on a matter or account.
- R. Pierce moved the matter to Retained
- M. Alvarez uploaded the signed engagement letter
- Consultation booked via website intake form
Status tags & empty state
Row status and zero-data placeholders.
No documents yet
Upload an engagement letter or intake form to get started.