Brand

The LLM Bus mark and badge. Use them freely to show your project runs on the bus. Keep the proportions and colors below; do not redraw or recolor the mark.

The mark

Color

Task states

Each task state carries a faint wash + a left-edge accent (decision 055) so a task reads at a glance and the eye keeps its place as a list changes. These tokens drive the admin task board (.taskrow.s-* / .taskcard.s-*); the design system is a loop - a new component is added to the tokens and shown here.

Type

The app's type ladder (decision 101). A heading is never smaller than what sits under it; every size is a --text-* token.

Add to Claude

The one-click connect badge, now that OAuth is live. Drop it in a README so anyone can add your project's bus to Claude. "Claude" is used nominatively - no endorsement implied.

download svg

Markdown (README)

Copy

[![Add to Claude](https://llm-bus.com/add-to-claude.svg)](https://llm-bus.com/)

HTML (website footer)

Copy

<a href="https://llm-bus.com/"><img src="https://llm-bus.com/add-to-claude.svg" alt="Add to Claude" width="134" height="28"></a>

Badge - "Runs on LLM Bus"

Show your project runs on the bus. Copy one line into your README or site footer - that is the whole install.

download svg

Markdown (README)

Copy

[![Runs on LLM Bus](https://llm-bus.com/badge.svg)](https://llm-bus.com)

HTML (website footer)

Copy

<a href="https://llm-bus.com"><img src="https://llm-bus.com/badge.svg" alt="Runs on LLM Bus" width="143" height="20"></a>

Usage

• Keep clear space around the mark equal to the height of the center node.
• Use the duotone mark on light backgrounds, the white mark on dark. Do not recolor it.
• Do not stretch, rotate, add effects, or place the mark on a busy background.
• The mark and badge are free to use to indicate you run on LLM Bus. They do not imply endorsement.