design.md

AI-ready Markdown · Human-readable · 122 tokens

Preview

# notion.so Design Tokens

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

## Colors

| Token | Value | Description |
|-------|-------|-------------|
| --color-tatami-color-gray-100 | #f9f9f8 | Defined in :root as --tatami-color-gray-100 |
| --color-tatami-color-gray-400 | #a39e98 | Defined in :root as --tatami-color-gray-400 |
| --color-tatami-color-gray-500 | #78736f | Defined in :root as --tatami-color-gray-500 |
| --color-tatami-color-gray-700 | #494744 | Defined in :root as --tatami-color-gray-700 |
| --color-tatami-color-gray-900 | #191918 | Defined in :root as --tatami-color-gray-900 |
| --color-tatami-color-red-200 | #fdd3cd | Defined in :root as --tatami-color-red-200 |
| --color-tatami-color-red-300 | #ff8b7c | Defined in :root as --tatami-color-red-300 |
| --color-tatami-color-red-400 | #f77463 | Defined in :root as --tatami-color-red-400 |
| --color-tatami-color-red-500 | #f64932 | Defined in :root as --tatami-color-red-500 |
| --color-tatami-color-red-600 | #e32d14 | Defined in :root as --tatami-color-red-600 |
| --color-tatami-color-red-700 | #b01601 | Defined in :root as --tatami-color-red-700 |
| --color-tatami-color-red-800 | #6f0d00 | Defined in :root as --tatami-color-red-800 |
| --color-tatami-color-red-900 | #4f0900 | Defined in :root as --tatami-color-red-900 |
| --color-tatami-color-orange-200 | #ffdec4 | Defined in :root as --tatami-color-orange-200 |
| --color-tatami-color-orange-300 | #ffad71 | Defined in :root as --tatami-color-orange-300 |
| --color-tatami-color-orange-400 | #ff8a33 | Defined in :root as --tatami-color-orange-400 |
| --color-tatami-color-orange-500 | #ff6d00 | Defined in :root as --tatami-color-orange-500 |
| --color-tatami-color-orange-600 | #dd5b00 | Defined in :root as --tatami-color-orange-600 |
| --color-tatami-color-orange-700 | #ab4a00 | Defined in :root as --tatami-color-orange-700 |
| --color-tatami-color-orange-800 | #793400 | Defined in :root as --tatami-color-orange-800 |
…