design.md

Preview

# x.com Design Tokens

> Generated by UI Archive — https://ui-archive.com/x.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-magenta-500 | #f91880 | Defined in :root as --color-magenta-500 |
| --color-brand | #00ba7c | Defined in :root as --color-brand |
| --color-x-black | #000000 | Defined in :root as --x-black |
| --color-x-white | #ffffff | Defined in :root as --x-white |
| --color-x-neutral-300 | #b2b2b2 | Defined in :root as --x-neutral-300 |
| --color-x-neutral-600 | #666666 | Defined in :root as --x-neutral-600 |
| --color-x-neutral-800 | #333333 | Defined in :root as --x-neutral-800 |
| --color-x-blue-000 | #02113d | Defined in :root as --x-blue-000 |
| --color-x-blue-100 | #003886 | Defined in :root as --x-blue-100 |
| --color-x-blue-200 | #005ac2 | Defined in :root as --x-blue-200 |
| --color-x-blue-300 | #006fd6 | Defined in :root as --x-blue-300 |
| --color-x-blue-400 | #0083eb | Defined in :root as --x-blue-400 |
| --color-x-blue-500 | #1d9bf0 | Defined in :root as --x-blue-500 |
| --color-x-blue-600 | #43b3f6 | Defined in :root as --x-blue-600 |
| --color-x-blue-700 | #6bc9fb | Defined in :root as --x-blue-700 |
| --color-x-blue-800 | #97e3ff | Defined in :root as --x-blue-800 |
| --color-x-blue-900 | #bff2ff | Defined in :root as --x-blue-900 |

## Typography

…

All Tokens