Home
DESIGN.mdStar on GitHub

The agentic
development environment

A modern terminal for coding with agents. Run Oz, Claude Code, Codex, and Gemini CLI with fine-grained control — locally or in the cloud.

Colors
Brand
Surfaces
Text
Terminal & agent semantics
Typography
The Future / 500
Display · 52px
Build your software factory
The Future
The Future / 400
Heading · 22px
From the terminal to the cloud
The Future
Inter / 500
UI · 14px
Run any agent with fine-grained control
Inter
JetBrains Mono
Block · 13px
~/project ❯ git status
JetBrains Mono
JetBrains Mono
Agent · 12.5px
▸ oz — fix the failing test in auth.test.ts
agent
Signature · Blocks
zsh — ~/acme-api ⌘P command palette
jess ~/acme-api ❯ git statusexit 0 · 40ms
On branch main Your branch is up to date with 'origin/main'. nothing to commit, working tree clean
jess ~/acme-api ❯ npm testexit 1 · 2.4s
PASS src/utils.test.ts FAIL src/auth.test.ts ● login › returns a session token expect(received).toBe(expected) Expected: 200 Received: 401 Tests: 1 failed, 11 passed, 12 total
oz — fix the failing test in auth.test.ts▏
Every command & its output is a block — hover to raise, click to select. Run the agent to append an Oz block.
Components
Buttons
Agents & status
▸ Oz Claude Code Codex Gemini CLI
exit 0 exit 1 running
Command (input)
natural language → blocks
Radius
btn · 8
block · 10
window · 14
Guardrails
Do
Group commands & output into blocks — hover to raise, click to select.
Keep the canvas near-black with one lavender-purple accent for state (active block, prompt, agent).
Use JetBrains Mono inside blocks; The Future only for display headings.
Color output by meaning — green pass, red fail, lavender for agent steps.
Don't
Render a flat, uninterrupted scrollback stream — blocks are the whole point.
Add a second bright accent — lavender carries the brand.
Use heavy shadows between blocks or oversized radii — Warp is tight and technical.
Set body or terminal text in The Future — it's a display face only.