The design system for data-dense UI

The agent-first, all-in-one design toolkit that turns your messy product into a futuristic power tool.

Launch plan

Draft a concise launch checklist for the private alpha.

Start with the release notes, homepage proofread, smoke test, and customer email draft.

Keep it focused on the website and docs.

Then the checklist is: verify docs routes, review examples, build the site, and prepare one short announcement.

examples / full-apps / IdeExample.tsx

export default function IdeExample() {
  return (
    <WorkspaceShell>
      <AccordionSidebar activeFile="IdeExample.tsx" />
      <EditorPanel checks="passing" />
      <AgentSidebar mode="review" />
    </WorkspaceShell>
  );
}

$ pnpm --filter density-www ts
astro sync complete
tsc --noEmit
Found 0 errors. Watching for file changes.

main

TypeScriptChecks passing

Ready

Edit article

Draft autosaved 2 minutes ago

Connected

4 unpublished editsLast sync 10:24 AM

Production preview ready

Requests18.4k/s+8.1%

P95 latency142ms-12 ms

Error rate0.18%+0.04%

Saturation71%+6%

Traffic and latency

Requests

P95 latency

Alert stream

checkout-apiWarning: P95 above target
edge-cacheOK: Hit rate recovered
worker-poolCritical: Queue depth rising
billing-jobsOK: Backfill complete

Service health

Service	Uptime	P95	Errors
api-gateway	99.99%	54 ms	0.02%
checkout-api	99.94%	142 ms	0.18%
edge-cache	100%	19 ms	0.00%
worker-pool	99.86%	231 ms	0.42%

Live

Refresh 30s18 panels loaded

2 incidents watched

AsterAster Labs daily

Price$184.20Today+2.56%

Positions

Symbol	Qty	Value
ASTER	50	$9,210
HELIO	120	$5,012
METRO	30	$2,430

Connected

NYSE delayed15msBuying power$48,120

Risk usage31%

The design system for data-dense UI

src

components

full-apps

layouts

pages