Home
DESIGN.mdStar on GitHub
v4.5.0 · AI Agents are GA

Build and deploy fully-managed AI agents and workflows

The open source platform for building AI workflows in TypeScript — long-running tasks with retries, queues & observability.

Brand
Surfaces — charcoal (dark)
Text
Run-state spectrum
Satoshi / 600
Display · 50px
Durable execution, done right
Satoshi
Geist / 600
Heading · 15px
Long-running tasks that never drop
Geist
Geist / 400
Body · 14px
Retries, queues, observability, and elastic scaling — out of the box.
Geist
Geist Mono
Code · 12px
await wait.for({ seconds: 30 })
Geist Mono
process-video · run_a8f3c1
COMPLETED
31.9s
duration
2
attempts
us-east
queue
trigger/process-video.ts
1import { task, wait, logger } from "@trigger.dev/sdk"
2
3export const processVideo = task({
4  id: "process-video",
5  retry: { maxAttempts: 3 },
6  run: async (payload: { url: string }) => {
7    const clip = await transcode(payload.url)
8    await wait.for({ seconds: 30 })
9    const up = await store.put(clip)
10    logger.info("uploaded", { key: up.key })
11    return { url: up.url }
12  },
13})
Run timeline
completed · 6 spans · 1 retry
A real task() beside its run timeline — an attempt fails, a retry succeeds, wait.for pauses 30s, then it completes. Every span colored by run state.
Buttons
Run states
● Completed ● Executing ● Failed ● Waiting
retry 2/3 queued @trigger.dev/sdk
CLI (input)
dev → deploy → observe
Radius
span · 7
btn · 8
panel · 14
Do
Keep the canvas deep charcoal #121317; reserve apple-green for CTA, brand & completed state.
Color runs by state — apple completed, lavender executing, rose failed, sun waiting.
Show tasks as code and runs as a timeline — durable execution + observability is the thesis.
Set headings in Satoshi, body in Geist, code & IDs in Geist Mono.
Don't
Add a second bright brand accent — apple carries it; the rest are run-state only.
Put run logs or code in the sans — logs are Geist Mono.
Use a light canvas for the run view — the console is charcoal in both themes.
Invent state colors; use the charcoal + apple/lavender/rose/sun spectrum.