H1 — Page Title (28px / 700)
H2 — Section Title (22px / 700)
H3 — Subsection (16px / 600)
H4 — Minor Heading (14px / 600)
Body text at 12px — This is the default font for all content, table cells, form inputs, and button labels. Geist Mono is a monospace font that gives the ecosystem its technical, data-driven feel.
LABEL TEXT — 10px uppercase, letter-spacing 0.1em
Secondary text at 11px — used for captions, footnotes, and helper text.
| ID | Name | Status | Type | Value | Created | |
|---|---|---|---|---|---|---|
| 001 | Alpha Module | Active | Premier | $1,240.00 | 2026-04-01 | |
| 002 | Beta Service | Pending | WebTool | $890.50 | 2026-04-02 | |
| 003 | Gamma Pipeline | Error | Premier | $0.00 | 2026-04-03 | |
| 004 | Delta Utility | Active | WebTool | $2,100.00 | 2026-04-04 | |
| 005 | Epsilon Agent | Inactive | Premier | $450.00 | 2026-04-05 |
Click to open example modals:
Click to trigger toast notifications:
Tab content area — each tab would show different content. The active tab has a teal underline.
Panels slide in from either side. The user interacts with the content, then closes it to return. Great for forms, detail views, and single-page sub-apps.
Dialogs are focused overlays for confirmations, alerts, and quick user decisions. Unlike modals, they are compact and center-focused.