Delegate ComputerDelegateDelegate Design System, home

Patterns

Composed surfaces

shadcn/ui gives you primitives; the page-level layouts are the part it does not. These are the compositions Delegate standardises on, so the same problem is not re-solved differently on every screen.

Console

Metrics, then a filter bar, then the list. Cards carry a single number at display size with tabular figures; status is a dot plus a word, never a dot alone.

pattern: consolesummary + filter + list

Delegations

Three active, one awaiting review.

Active
3
Runs today
27
Awaiting review
1
AllRunningNeeds review

Reconcile invoices

42 runs · last 4m ago

Complete

Summarise support inbox

311 runs · last now

Running

Draft renewal emails

18 runs · last 1h ago

Needs review

Settings

Tabs group the surface, one card per concern, and the save action lives at the bottom of the card it applies to — not in a floating bar that hides what it will change.

pattern: settingstabs + card per group
Workspace
How this workspace identifies itself in run logs.

Empty and entry states

The two places the brand is allowed to be loud. Both use a contained wash and the rise cascade — the same motion the delegatecomputer.com entry page opens with.

pattern: empty state

Nothing delegated yet

Describe a task in a sentence. The computer will run it and show you what it did.

pattern: entrythe coming-soon page, rebuilt from tokens
Delegate Computer

Delegate Computer

Coming soon.

pattern: sign-incentred card, one action
Delegate Computer
Sign in to Delegate
We will email you a link. No password to remember.