AgentGuard brand system
AgentGuard is the public product name. agent-guard is the repository slug,
URL path, and compatibility name only.
Direction review
Three vector directions were created for review:
| Concept | Asset | Decision |
|---|---|---|
| Boundary glyph | concept-boundary.svg | Selected. An agent and tool path passes through a shield-shaped authorization boundary; its center stroke represents policy evaluation before execution. |
| Gate | concept-gate.svg | Rejected. It reads as a physical access gate and loses the agent/tool relationship at small sizes. |
| Agent path | concept-agent-path.svg | Rejected. It is useful as an explanatory diagram but is too detailed for a product mark. |
The selected mark is shipped in site/public/ and frontend/public/:
favicon.svg— light-surface browser iconagentguard-mark-dark.svg— dark-surface iconagentguard-mark-mono.svg— one-color fallbackagentguard-wordmark.svg— light-surface wordmarkagentguard-wordmark-dark.svg— dark-surface wordmarkog-image.svg— editable social-preview sourceog-image.png— 1200×630 social preview used in Open Graph/Twitter metadata
The Astro site navigation and footer load agentguard-mark.svg directly; the
frontend mark and favicon are kept byte-identical to that canonical light mark
and checked by the site test suite. Wordmarks and the social preview use the
same selected glyph. The PNG social card is rasterized from the SVG source at
1200×630; if the source artwork changes, regenerate the PNG at those exact
dimensions and visually review the exported file. The asset test checks the
PNG signature, dimensions, and metadata reference. At 64×64 the shield and
endpoint nodes remain separated; use the supplied SVG at native proportions
rather than simplifying or rebuilding it. The monochrome asset remains
available for constrained output.
Usage rules
- Keep clear space of at least one quarter of the mark width around the glyph.
- Do not rotate, stretch, redraw, or add a drop shadow to the mark.
- Use the dark mark on dark teal surfaces and the primary mark on light surfaces.
- Use the monochrome mark when color reproduction or contrast is constrained.
- Use
AgentGuardin user-facing copy; preserveagent-guardonly in URLs, package names, and commands.
Tokens
| Token | Value | Use |
|---|---|---|
| Brand teal | #218263 | Primary action and selected mark |
| Deep teal | #17664f | Hover, emphasis, dark mark |
| Soft mint | #effcf7 | Light brand surfaces |
| Ink | #172420 | Wordmark and light text |
| Allow | #218263 | Positive authorization state |
| Deny | #b42318 (light), #ff8b82 (dark) | Destructive/error state, never success |
| Warning | #a15c00 (light), #f3bd68 (dark) | Caution and non-terminal state |
The same semantic names are used by the Astro site and Next.js console. Product surfaces must not use red/green as the sole status signal; status text and semantic attributes are required as well.