Brand
The docs site mark is a rounded square (rx="4") filled #0c0c0c with a path-geometry prompt >_ in #4ade80. Those two colours are --bg and --green in terminal.css, so the mark and the site agree by construction. Glyphs are drawn as paths and rects — no <text>, no fonts — so they survive server-side rasterisers that ship without a monospace face.
This page is the canonical description for the docs surfaces.
Shown at the sizes this site actually uses, on the grounds it sits on.
18 · site title32 · favicon64 · on –bg-block| Property | Value |
|---|---|
| View box | 32 × 32 |
| Corner radius | 4 |
| Ground | #0c0c0c (--bg) |
| Glyph | >_ as filled path + rect (no fonts) |
| Accent | #4ade80 (--green) |
Clear space. Keep a quiet margin around the square equal to one corner radius (4 units in the view box, ⅛ of the edge). Do not let other UI or copy touch the mark.
Minimum size. Do not render below 16 × 16 CSS pixels. This site’s title uses 18 × 18. Prefer 32 × 32 when the mark is the only brand signal (favicon, avatar, download).
Palette
Section titled “Palette”Taken from src/styles/terminal.css. Do not invent colours for brand assets.
| Token | Hex | Role |
|---|---|---|
--bg |
#0c0c0c |
Page ground, mark ground |
--bg-block |
#111111 |
Panels |
--border |
#2a2a2a |
Rules |
--text |
#d4d4d4 |
Body |
--text-dim |
#737373 |
Secondary |
--green |
#4ade80 |
Headings, product mark |
--green-dim |
#22c55e |
Dimmed green |
--cyan |
#22d3ee |
Links, inline code, agent avatar |
--yellow |
#facc15 |
Values, solver avatar |
--red |
#f87171 |
Errors, service avatar |
The site is dark-only. There is no light theme and no light-ground mark.
Wordmark
Section titled “Wordmark”| Context | Form |
|---|---|
| Prose | AgentSwap |
| Site chrome title | lowercase via CSS (agentswap docs) |
Do not stylise the wordmark as Agent Swap, AS, or a logo lockup with a second typeface. The mark and the word sit side by side; they are not merged into one SVG.
Do not
Section titled “Do not”Limited to mistakes that actually happen with this mark:
- Recolour the prompt to anything outside the palette table.
- Stretch or squash the square; keep
1:1. - Place the mark on a light ground. The glyph and ground are designed for dark only; a light ground turns it into a different mark.
Avatars
Section titled “Avatars”Same rounded square and path-geometry glyph treatment as the product mark. Glyph and accent change so each reads as a sibling identity — product plus roles that show up in this ecosystem (agent, solver, service) — not a set of unrelated icons.
The agent glyph is > plus a filled block cursor, not $_. A clean $ at 32 units is hard to draw; a prompt with a live cursor still reads as an agent at work and stays trivial geometry.
>_ · –green
>█ · –cyan
>> · –yellow
# · –redShipped as SVG at the same 32 × 32 view box as the mark. Render at 64 or 128 CSS pixels where an avatar is the primary identity.
Downloads
Section titled “Downloads”| File | Path |
|---|---|
| Mark | /brand/mark.svg |
| Favicon (same mark) | /favicon.svg |
| Product avatar | /brand/avatars/product.svg |
| Agent avatar | /brand/avatars/agent.svg |
| Solver avatar | /brand/avatars/solver.svg |
| Service avatar | /brand/avatars/service.svg |
