FOUNDATIONS · COMPONENTS · ICONS · WEB · MAC · HANDOFF

Built for
the whole
product.

The brand system gave us identity. This is the product system — tokens, components, icons, patterns, and the chrome for both surfaces: the website and the Mac app. Pick any piece; they all speak the same language.

Brand →Tokens →Icons →Mac Patterns →Mac Chrome →
six sections↓ scrolllast updated 2026.04
01
Foundations

Tokens. One source of truth.

Color — semantic

LIGHT
bg
#F5F2EA
bg.raised
#FFFFFF
bg.sunken
#F8F5EE
text
#0A0A0A
accent
#FF4D1F
border
rgba(10,10,10,0.10)
DARK
bg
#0A0A0A
bg.raised
#1A1815
bg.sunken
#050505
text
#F5F2EA
accent
#FF4D1F
border
rgba(245,242,234,0.10)

Spacing — 2 / 4 / 8 ramp

1
2
2
4
3
8
4
12
5
16
6
24
7
32
8
48
9
64
10
96

Radius

xs · 2
sm · 4
md · 8
lg · 12
xl · 20

Elevation

xs
sm
md
lg
xl
02
Components

The kit. Web + in-app, one language.

Buttons

Inputs

Badges

NeutralRunningDoneStalledFailed

Keyboard

Open palette ⌘K·Run ⌘↵·Stop ⌘.

Cards

Auth refactor
4 models · 3 tools · running 14s
LIVE
claude-opus-4
Default planner · 200K context
Ready
~/Projects
Local fs access · read/write
Permission req.

Toasts

Orchestration started · 8 nodes
File saved to ~/dagrun/routes/auth.json

Code block

bash⧉ copy
$ dagrun run auth-refactor
▸ plan: claude-opus-4
▸ fanout: 3 models
✓ complete in 42.1s
03
Iconography

27 marks. 1.5px stroke. 24px grid.

route
model
tool
terminal
local
cloud
play
pause
stop
arrow
check
x
search
settings
user
folder
file
git
bolt
shield
menu
chevron
plus
command
sparkle
globe
download
04
Website

dagrun.ai — the marketing surface.

Dagrun
ProductRoutesPricingDocsChangelog
v0.4 · Private beta

Every Model.
Every Tool.
Local.

Dagrun routes your prompt across the models and local tools that actually get it done — then merges the results on your machine. Agentic. Local-first. Yours.

◆ Works with Claude, GPT, Gemini, local◆ Mac · Linux · CLI
LIVE ROUTE · 00:14.2
plan · opussonnetgpt-5gemini
Route
Pick the best model per subtask, automatically.
Local
Your files, your shell, your context. Stays on device.
Audit
Every tool call logged. Revoke anytime.
Fast
Parallel fan-out. Finishes while others plan.
05
Mac App

Native chrome. Agentic core.

Dagrun — Auth refactor
Recent
Auth refactorLIVE
PR review sweep
Changelog gen
Models
claude-opus-4
gpt-5
gemini-pro
llama-localON
Tools
Shell
Filesystem
Git
Web
Prompt · 2 min ago
Refactor the auth module to use the new session API, then write migration notes for the team.
RUNNING
Plan
◐ claude-opus-4
Research
◐ claude-sonnet
Code gen
◐ gpt-5
Critique
◐ gemini-pro
Shell
▣ local
fs.read
▣ local
web.fetch
▣ remote
Synthesis
◐ claude-opus-4
8 nodes · 3 tools · 2 local
Code gen
gpt-5 · running · 14.2s
LIVE
12:04:21▸readingsrc/auth/session.ts
12:04:22▸readingsrc/auth/index.ts
12:04:24●planningextracting legacy token flow
12:04:28✓editsrc/auth/session.ts (+42 -18)
12:04:31▸readingsrc/middleware/auth.ts
12:04:33●runningpnpm typecheck
12:04:36✓ok0 errors
12:04:37●draftingmigration notes
⌘Kcommand palette⌘↵
MENU BAR
DagrunFileRouteViewWindowHelp
3 routes active
⌘⌥PFri 14:22
DagrunFileRouteViewWindowHelp
3 routes active
⌘⌥PFri 14:22
DOCK ICON · 1024
Paper squircle, signal dot at the base of the mark. Reads at 16px. Rounded via the system squircle curve (not just border-radius).
06
Handoff

Ready for the build.

01
Tokens
  • — tokens.json
  • — Tailwind config
  • — CSS variables
  • — Swift extensions
  • — Figma variables
02
Components
  • — React library
  • — SwiftUI views
  • — Storybook
  • — Figma components
  • — Unit tests
03
Assets
  • — SVG icon set
  • — App icon .icns
  • — Favicon set
  • — OG images
  • — Brand kit zip
04
Docs
  • — Live component docs
  • — Usage guidelines
  • — Voice & tone
  • — Accessibility notes
  • — Release process
05
Patterns
  • — Orchestration view
  • — Onboarding flow
  • — Preferences window
  • — Error & empty states
  • — Permission prompts
06
Next
  • — Motion spec
  • — Sound design
  • — CLI color scheme
  • — Email templates
  • — Press kit