design.md

Preview

# render.com Design Tokens

> Generated by UI Archive — https://ui-archive.com/render.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-white | #ffffff | Defined in :root as --color-white |
| --color-black | #000000 | Defined in :root as --color-black |
| --color-purple-50 | #f4f0ff | Defined in :root as --color-purple-50 |
| --color-purple-100 | #e7dbff | Defined in :root as --color-purple-100 |
| --color-purple-200 | #d1b8ff | Defined in :root as --color-purple-200 |
| --color-purple-300 | #c29eff | Defined in :root as --color-purple-300 |
| --color-purple-400 | #aa77fd | Defined in :root as --color-purple-400 |
| --color-purple-500 | #9b52fb | Defined in :root as --color-purple-500 |
| --color-purple-600 | #8a05ff | Defined in :root as --color-purple-600 |
| --color-purple-700 | #48008c | Defined in :root as --color-purple-700 |
| --color-purple-800 | #2a0052 | Defined in :root as --color-purple-800 |
| --color-purple-900 | #1c0037 | Defined in :root as --color-purple-900 |
| --color-blue-50 | #e0f4ff | Defined in :root as --color-blue-50 |
| --color-blue-100 | #c2eaff | Defined in :root as --color-blue-100 |
| --color-blue-200 | #8ad6ff | Defined in :root as --color-blue-200 |
| --color-blue-300 | #70c5ff | Defined in :root as --color-blue-300 |
| --color-blue-400 | #33acff | Defined in :root as --color-blue-400 |
| --color-blue-500 | #0088e5 | Defined in :root as --color-blue-500 |
| --color-blue-600 | #005e9e | Defined in :root as --color-blue-600 |
| --color-blue-700 | #002c6f | Defined in :root as --color-blue-700 |
…

All Tokens