# Radial brand

The fast, CLI-first issue tracker.

> No AI, no agents, no credits, no BS.

Radial runs one design system in two modes. Everything on this page also ships as machine-readable tokens, so agents and tools can read the brand the same way people do.

## Colors

### Identity

The one brand color. Amber carries the whole identity; the rest of the system is neutral.

| Name | Hex | Token | Tailwind |
| --- | --- | --- | --- |
| Amber | `#F5A623` | `--color-brand` | `bg-brand / text-brand` |

### Dark mode (default)

The default surface: warm charcoal, near-white text. Marketing pages are always dark.

| Name | Hex | Token | Tailwind |
| --- | --- | --- | --- |
| Background | `#1D1B1A` | `--color-background` | `bg-background` |
| Foreground | `#EBE9E7` | `--color-foreground` | `text-foreground` |
| Card | `#262422` | `--color-card` | `bg-card` |
| Muted | `#312F2C` | `--color-muted` | `bg-muted` |
| Muted foreground | `#A8A49F` | `--color-muted-foreground` | `text-muted-foreground` |
| Accent | `#373532` | `--color-accent` | `bg-accent` |
| Border | `#383633` | `--color-border` | `border-border` |
| Destructive | `#EA3C3F` | `--color-destructive` | `bg-destructive` |
| Success | `#47BE8B` | `--color-success` | `bg-success` |

### Light mode (opt-in)

The same token names remapped to a warm cream surface. Used in the app and auth screens via .light.

| Name | Hex | Token | Tailwind |
| --- | --- | --- | --- |
| Background | `#FBF6EB` | `--color-background` | `bg-background` |
| Foreground | `#28231D` | `--color-foreground` | `text-foreground` |
| Card | `#FFFDF7` | `--color-card` | `bg-card` |
| Muted | `#F2ECE0` | `--color-muted` | `bg-muted` |
| Muted foreground | `#68625B` | `--color-muted-foreground` | `text-muted-foreground` |
| Border | `#E0DACE` | `--color-border` | `border-border` |
| Amber (light) | `#D88100` | `--color-brand` | `bg-brand / text-brand` |
| Destructive | `#DF202E` | `--color-destructive` | `bg-destructive` |
| Success | `#009B64` | `--color-success` | `bg-success` |

### Status and priority

The tracker hues, used for workflow status and priority. Dark-mode values shown.

| Name | Hex | Token | Tailwind |
| --- | --- | --- | --- |
| Triage | `#A8A49F` | `--color-status-triage` | `text-status-triage` |
| Backlog | `#79746D` | `--color-status-backlog` | `text-status-backlog` |
| Todo | `#938E89` | `--color-status-todo` | `text-status-todo` |
| In Progress | `#F5A623` | `--color-status-progress` | `text-status-progress` |
| In Review | `#47BE8B` | `--color-status-review` | `text-status-review` |
| Done | `#656CDE` | `--color-status-done` | `text-status-done` |
| Canceled | `#79746D` | `--color-status-canceled` | `text-status-canceled` |
| Urgent | `#EA3C3F` | `--color-priority-urgent` | `text-priority-urgent` |

## Typography

| Face | Role | CSS variable | Weights |
| --- | --- | --- | --- |
| Barlow Condensed | Display | `--font-headline` | 500, 700 |
| Geist | Body and UI | `--font-body` | 400, 500, 600 |
| Geist Mono | Mono | `--font-mono` | 400, 500 |

## Voice

- An issue tracker. That's it.
- No AI, no agents, no credits, no BS.
- $50 per user, per year. Flat.
- Bring your own agent. Keep your money.
- AI features shipped: 0.

**Never use:**

- AI hype: copilot, magic, revolutionary, supercharge, 10x, seamless.
- Em dashes anywhere in copy.
- Fake urgency or "Contact sales".
- Credits, seats, or usage-meter language.

## Terminology

Ontology: Workspace, then Team, then Project, then Issue. Plus Cycle, Label, Status, Priority, Comment.

- **Issue**: The atomic unit of work. Capital I. IDs read RAD-219.
- **Project / Team / Workspace**: How work is organized, in that nesting order.
- **Cycle**: A time-boxed set of issues.
- **Status**: Triage, Backlog, Todo, In Progress, In Review, Done, Canceled.
- **Priority**: No priority, Urgent, High, Medium, Low.
- **CLI, MCP, REST API**: The interfaces. First-class, never add-ons.

**Avoid:**

- ticket, card, story: It is an Issue.
- sprint: It is a Cycle.
- board column: It is a Status.
- copilot, our agent: You bring your own agent. Radial has none.
- Radial AI, Radial.build (in prose): The product is "Radial".

## Usage

**Do**

- Use semantic tokens only: bg-background, text-foreground, bg-brand. The mapping changes per mode, not the class.
- Let dark be the default; light is opt-in via .light.
- Keep amber for accents: the mark, the focus ring, one highlight per view.
- Render the mark in a single color. Light strokes on dark, dark strokes on light.
- Set display type in Barlow Condensed, body and UI in Geist, labels and IDs in Geist Mono.

**Do not**

- Never write a dark: prefix. The theme guard fails the build.
- Never hardcode a palette color like emerald-400 or a raw #10b981. Add a token instead.
- Never use amber as a page background or a large fill. It is an accent.
- Never recolor, outline, distort, or add effects to the mark.
- Never stretch the wordmark or set it below the minimum size.

Machine-readable: [/brand.json](https://radial.build/brand.json) · [/brand.txt](https://radial.build/brand.txt)