design.md

AI-ready Markdown · Human-readable · 101 tokens

Preview

# render.com Design System

> Inspected by UI Archive — https://ui-archive.com/render.com
> Last updated: 2026-04-30

## 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 |
| --color-blue-800 | #00183e | Defined in :root as --color-blue-800 |

All Tokens

Colors

37

Typography

16

Spacing

32

Radius

13

Shadows

3

Checking your plan…

Also available: Tokens Studio JSON

W3C DTCG format, ready to import into Figma via the Tokens Studio plugin.

View JSON export →