Components

The gallery

Thirty shadcn/ui primitives, owned in this repository and re-tuned to the Delegate palette, plus five brand primitives that shadcn does not ship. Toggle the theme in the header — every specimen below is built from tokens, so nothing needs a second implementation for dark mode.

Brand primitives

These do not exist in shadcn/ui. They are the pieces that make a screen read as Delegate rather than as a default install.

<BrandDots />decorative, always aria-hidden

animated

<StatusDot />label is required — colour is never the only signal

CompleteRunningNeeds reviewFailedQueued

<DelegateMark /> · <DelegateLockup />fixed palette, minimum 24px

Delegate

<BrandWash />rendered behind this whole page — look at the page corners

Teal bleeds in from the top-left, amber from the bottom-right, both at 7% against paper. One per page, fixed and pointer-events-none.

Actions

Primary is the brand teal carrying ink, not white — teal on white fails AA at 2.5:1. Destructive, success and warning use a tinted fill rather than a solid, which keeps a page of controls calm.

<Button />variants

<Button />sizes and icon slots

menus and overlays

Status and feedback

Each of the four brand hues maps to exactly one meaning. A colour is never the only carrier — every status here also has a word.

defaultsecondaryoutlinesuccesswarninginfodestructiveghost

Scheduled maintenance

Runs will queue between 02:00 and 02:30 UTC.

All 14 delegations completed

Last batch finished 4 minutes ago.

Two runs need review

They completed, but confidence fell below threshold.

Connection to the CRM failed

Re-authorise the integration to resume syncing.

progress · skeleton · avatar

64%

TGDCAK

Forms

Every control is labelled. The focus ring is the deepened teal at 4.7:1 against paper — well past the 3:1 WCAG requires for a focus indicator.

text input

Delegation name

Brief

Cadence

Invalid state

Enter a valid email address.

selection

Data and navigation

Tables opt into tabular numerals automatically, so a column of durations stays aligned as values update.

Run	Task	Status	Duration
dlg_8f2a	Reconcile invoices	Complete	1m 04s
dlg_7c19	Summarise support inbox	Running	12s
dlg_6b03	Draft renewal emails	Needs review	3m 41s
dlg_5a77	Sync CRM contacts	Failed	0m 18s

Four delegations active, one awaiting review.

A standing instruction the computer carries out on your behalf, on a cadence you set.

Active

delegations running

Reviewed

this week

Saved

31h

estimated, last 30 days