All 60 components from @workspace/ui, themed by shared design tokens. Press D to toggle dark mode.
GT Alpina Condensed for headings, Greed Standard for body and UI, Geist Mono for code.
Banking that grows with you
GT Alpina sets the display voice while Greed Standard carries interface text. The pairing keeps titles editorial and body copy neutral, with every color and size coming from the shared tokens.
Page title
Section heading
Dialog title
Card title
Body copy stays in Greed Standard at 400, tuned for UI sizes and long-form reading alike.
Labels and emphasis use the 500 cut, the workhorse weight of the system.
Secondary text drops to the muted foreground token, never to a lighter weight.
300 Greed Standard Light
400 Greed Standard Regular
500 Greed Standard Medium
600 Greed Standard SemiBold
700 Greed Standard Bold
$2,405.31
$360.79
$5,594.69
$8,000.00
Figures align vertically via tnum, as used by tables and charts.
yarn workspace web devText inputs, selects, comboboxes and one-time-password fields.
We never share your email.
Checkboxes, radios, switches and sliders.
Dialogs, sheets, drawers, popovers, tooltips and menus.
Alerts, badges, progress, loading states and toasts.
Cards, tables, lists, tabs and disclosure components.
| Invoice | Status | Amount |
|---|---|---|
| INV-001 | Paid | $250.00 |
| INV-002 | Pending | $150.00 |
| INV-003 | Unpaid | $350.00 |
Westy LLC
Design team
2.4 MB — updated yesterday
Date picking and recharts-powered data visualization.
Message and bubble primitives for conversational UIs.