design.md

Preview

# raycast.com Design Tokens

> Generated by UI Archive — https://ui-archive.com/raycast.com
> Snapshot: 2026-11-15
> Format: W3C DTCG compatible — suitable for Cursor, Lovable, Claude Code, and other AI coding agents

## Colors

| Token | Value | Description |
|-------|-------|-------------|
| --color-base-white | #ffffff | Defined in :root as --Base-White |
| --color-grey-200 | #9c9c9d | Defined in :root as --grey-200 |
| --color-grey-300 | #6a6b6c | Defined in :root as --grey-300 |
| --color-grey-400 | #434345 | Defined in :root as --grey-400 |
| --color-grey-600 | #1b1c1e | Defined in :root as --grey-600 |
| --color-blue-dark | #56c2ff | Defined in :root as --blue-dark |
| --color-red-dark | #ff6363 | Defined in :root as --red-dark |
| --color-yellow | #ffc533 | Defined in :root as --color-yellow |
| --color-srgb-0-122667 | #1f2025 |  |

## Typography

| Token | Font Family | Size |
|-------|-------------|------|
| --font-size-geist-mono | Geist Mono, monospace | 10px |
| --font-size-inter-16px-400 | Inter, Inter Fallback, sans-serif | 16px |
| --font-size-inter-13px-400 | Inter, Inter Fallback, sans-serif | 13px |
| --font-size-sf-pro-text-23-75px-500 | SF Pro Text, SF Pro Icons, Inter, Inter Fallback | 23.75px |
| --font-size-inter-32px-400 | Inter, Inter Fallback, sans-serif | 32px |
| --font-size-sf-pro-text-24px-500 | SF Pro Text, SF Pro Icons, Inter, Inter Fallback | 24px |
…

All Tokens