Living component gallery. All data on this page is synthetic demonstration data.
Design system
Tokens + component vocabulary — docs/plans/2026-09-10-app-design-system-design.md
Color — warm neutrals, emerald action, per-role ambient
ground
card
border
foreground
muted
action
brand
sponsor
sponsor-soft
creator
creator-soft
success
warning
danger
info
Type — Inter UI, Satoshi display, Geist Mono
earn.video
$1,240.80 Satoshi display / tnum
Inter body — sponsors configure campaigns; creators track earnings. 0123456789
job_01HZX4EXAMPLE · Geist Mono for IDs
Buttons
Status pills — one vocabulary, dot + label, never color alone
DraftIn reviewActivePausedMatchingRenderingAwaiting approvalPublishedMonitoringPayout pendingPaidFailedNo matchArchived
Money — explicit states; unavailable is never $0
est.$312.40$500.00$245.90on hold$88.00—
Budget meter — funded vs reserved vs spent
$4,592 spent$1,800 reserved$10,000 funded
$1,097 spent$620 reserved$5,000 funded
Not funded yet
KPI strip — Satoshi numerals + sparklines
Spend (30d)
$9,053
Reserved
$2,420
Active placements
20
Views (30d)
504k
Campaigns table — sponsor density
| Campaign | Status | CPM | Placements | Views | Budget |
|---|---|---|---|---|---|
| Hydration bottle — gym & outdoors | Active | $12.00 | 14 | 382,400 | $4,592 spent$1,800 reserved$10,000 funded |
| Logo on desk setups — productivity | Active | $9.00 | 6 | 121,900 | $1,097 spent$620 reserved$5,000 funded |
| Snack bar — morning routines | In review | $10.00 | — | — | $0 spent$0 reserved$2,500 funded |
| Skincare — bathroom shelf | Paused | $14.00 | 9 | 240,300 | $3,364 spent$0 reserved$8,000 funded |
| Energy drink — gaming streams | Draft | $11.00 | — | — | Not funded yet |
Offer card — the creator hero moment (one offer, never a list)
A
Arctic Trail
Insulated bottle 750ml · Outdoors & fitness
0:12–0:17Picnic table, right third · synthetic preview
You earn
$5.00 / 1k views
Up to
$500
Post within
5 days
Offer expires in 23h
Forms & empty states
Field
No payouts yet — they appear after your first 30-day window.
Shell — one sidebar, role ambient (sponsor shown)
Sponsor
content area