design.md

Preview

# claude.ai Design System

> Inspected by UI Archive — https://ui-archive.com/claude.ai
> Last updated: 2026-05-03

## Colors

| Token | Value | Description |
|-------|-------|-------------|
| --color-cds-black | #000000 | Defined in :root as --cds-black |
| --color-cds-oncolor-200 | hsl(60 6.7% 97.1% / .75) | Defined in :root as --cds-oncolor-200 |
| --color-dot-ready | hsl(210 80% 55%) | Defined in :root as --dot-ready |

## Spacing

| Token | Value |
|-------|-------|
| --spacing-2px | 2px |
| --spacing-3px | 3px |
| --spacing-4px | 4px |
| --spacing-5px | 5px |
| --spacing-8px | 8px |
| --spacing-16px | 16px |
| --spacing-32px | 32px |
| --spacing-128px | 128px |
| --spacing-160px | 160px |

## Border Radius

| Token | Value |
…

All Tokens