Foundations

Operational trust, not startup theater

The system should read as infrastructure for policy-governed autonomous transactions. Calm surfaces, dense evidence, and explicit states matter more than decorative flourish.

Typography

Type scale

Page headline

--text-3xl · Manrope

Section headline

--text-2xl · Manrope

Panel heading

--text-xl · Manrope

Operational body copy for policy explanations and transaction summaries.

--text-base · Manrope

txn_9821 · agt_123 · 12:04 capture_complete

--font-mono · IBM Plex Mono

Color System

Palette

Ink 950
#08111f

Paper 50
#f6f8fb

Cyan 500
#19b5d1

Success
#1f9d68

Warning
#dd9b22

Danger
#d14f5d

Ledger
#5b4bc4

Counterparty
#8a5cf6

Spacing

Scale

--space-2

--space-4

--space-6

--space-8

--space-12

Components

Interactive and product-specific surfaces

Buttons

Status Chips

Fulfilled Needs Approval Blocked Ledger Event

Surface Card

Policy

Auto-approve low-risk API purchases

Monthly cap: $5,000 · Approval above: $300

Approval Panel

Approval Required

Quote Q-1042 triggered “Over max transaction amount”

Buyer agent: Invoice-Reconciler
Seller: DataCo
Amount: $420

Data Table

Request	Agent	Rule	Amount	Status
Q-1042	Invoice-Reconciler	Over max txn	$420	Pending
Q-1043	Research-Agent	New vendor	$95	Blocked

Ledger Timeline

12:01 Quote accepted
12:02 Authorization reserved
12:03 Delivery evidence attached
12:04 Capture completed

Layouts

Shells and workspace patterns

+ top utility bar
+ sidebar + main analytics / tables / approval cards
+ split-view patterns for quotes, disputes, and transaction detail

Raw Tokens

Source of truth

:root {
  --color-ink-950: #08111f;
  --color-ink-900: #0e1a2b;
  --color-slate-800: #243247;
  --color-paper-50: #f6f8fb;
  --color-paper-0: #ffffff;
  --color-line-200: #d8e0ea;
  --color-line-300: #bfccd9;
  --color-text-900: #132033;
  --color-text-700: #42546a;
  --color-text-500: #677b91;
  --color-cyan-500: #19b5d1;
  --color-ledger: #5b4bc4;
}