> For the complete documentation index, see [llms.txt](https://agent-marketplace-kit.gitbook.io/agkit-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://agent-marketplace-kit.gitbook.io/agkit-docs/reference/brand.md).

# Brand & design

agkit carries a formal visual identity, and the CLI wears it: the same palette drives the logo, the docs, and every banner the terminal prints.

<figure><img src="/files/g9N5dON3X0tcviS1ELgH" alt="agkit — the isometric monolith logo" width="180"><figcaption><p>The “Monolithe Modulaire” — a kit and a terminal in one mark.</p></figcaption></figure>

## The mark — “Monolithe Modulaire”

The logo is an isometric cube (the *CLI Box*) with a deliberate double reading:

* **The kit** — a 3D cube evokes packaging: an ordered marketplace of plugins, MCPs, and hooks delivered ready to clip together.
* **The terminal** — the construction edges draw a giant terminal chevron `>` across the top face and a blinking cursor `_` on the right face.
* **The hook** — a fine notch on the lower-right edge marks the connection point where modules snap in.

Use it on a very dark background (`#0B0F19` or black) to keep the neon glow. Its square, monolithic shape makes it an ideal favicon or GitHub org avatar.

## Palette

The neon gradient — **Electric Indigo → Cyber Purple → Neon Pink** — on **Dark Code Black** is the heart of the identity.

![Dark Code Black](https://img.shields.io/badge/Dark_Code_Black-%230B0F19-0B0F19?style=for-the-badge\&labelColor=0B0F19) ![Electric Indigo](https://img.shields.io/badge/Electric_Indigo-%236366f1-6366f1?style=for-the-badge\&labelColor=0B0F19) ![Cyber Purple](https://img.shields.io/badge/Cyber_Purple-%23a855f7-a855f7?style=for-the-badge\&labelColor=0B0F19) ![Neon Pink](https://img.shields.io/badge/Neon_Pink-%23ec4899-ec4899?style=for-the-badge\&labelColor=0B0F19) ![Shadow Grey](https://img.shields.io/badge/Shadow_Grey-%23121826-121826?style=for-the-badge\&labelColor=0B0F19)

| Role                     | Name                    | Hex       |
| ------------------------ | ----------------------- | --------- |
| Background               | **Dark Code Black**     | `#0B0F19` |
| Accent — execution start | **Electric Indigo**     | `#6366f1` |
| Accent — transition      | **Cyber Purple**        | `#a855f7` |
| Accent — active / cursor | **Neon Pink / Fuchsia** | `#ec4899` |
| Cube inner face          | **Shadow Grey**         | `#121826` |

The gradient always runs **indigo → purple → pink**, matching the SVG's `brandGrad` axis (bottom-left to top-right).

## Typography

* **Titles & identity** — **Inter** or **Geist Sans** (Bold / Black for a technical, assertive feel).
* **Body** — **Inter** or **SF Pro Display** for on-screen legibility.
* **Code & terminal** — **Geist Mono** or **JetBrains Mono**.

## Logo usage

{% hint style="success" %}
**Do** — place the logo on a very dark background, keep generous breathing room (≥ 20% of the icon width), and use it square as a favicon or avatar.
{% endhint %}

{% hint style="danger" %}
**Don't** — add text over the cube faces, change the isometric angle, or place it on a light or textured background that kills the neon glow.
{% endhint %}

## How the CLI wears the brand

The identity is not just for docs — the terminal renders it live:

* **The logo** prints at the top of `agkit --help` as a truecolor half-block rendering of the cube (glowing edges, the `>` chevron and `_` cursor), beside the gradient wordmark and tagline.
* **Command banners** (`agkit init`, `agkit add`, …) open with a gradient wordmark framed by the `›` prompt and pink `_` cursor.
* **Accents** — plugin names, tags, and identifiers are tinted Electric Indigo; success and error stay conventional green/red for scanability.
* **Graceful fallback** — under `NO_COLOR`, a non-TTY (piped output), or a dumb terminal, every element degrades to clean plain text, so scripts and CI stay readable.

Everything above is codified once in [`src/lib/theme.ts`](https://github.com/AGent-marketplace-KIT/cli/blob/main/src/lib/theme.ts), and the terminal logo is generated from the SVG by [`scripts/render-logo.py`](https://github.com/AGent-marketplace-KIT/cli/blob/main/scripts/render-logo.py) — so the terminal, the docs, and the brand never drift apart.