design.md

Preview

# invisionapp.com Design Tokens

> Generated by UI Archive — https://ui-archive.com/invisionapp.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-tw-color-blue-400 | #7a90fe | Defined in :root as --tw-color-blue-400 |
| --color-tw-color-blue-500 | #3859ff | Defined in :root as --tw-color-blue-500 |
| --color-tw-color-blue-600 | #2a41b6 | Defined in :root as --tw-color-blue-600 |
| --color-tw-color-gray-300 | #c7cad5 | Defined in :root as --tw-color-gray-300 |
| --color-tw-color-gray-500 | #656b81 | Defined in :root as --tw-color-gray-500 |
| --color-tw-color-gray-900 | #222428 | Defined in :root as --tw-color-gray-900 |
| --color-tw-color-gray-950 | #030712 | Defined in :root as --tw-color-gray-950 |
| --color-tw-color-white | #ffffff | Defined in :root as --tw-color-white |
| --color-tw-color-black-550 | #3c3f49 | Defined in :root as --tw-color-black-550 |
| --color-tw-color-blue-550 | #314cd9 | Defined in :root as --tw-color-blue-550 |
| --color-tw-color-secondary | #555a6a | Defined in :root as --tw-color-secondary |
| --color-tw-color-miro-yellow | #fde050 | Defined in :root as --tw-color-miro-yellow |
| --color-tw-color-turquoise | #72dfd5 | Defined in :root as --tw-color-turquoise |
| --color-tw-color-input-placeholder | #a5a8b5 | Defined in :root as --tw-color-input-placeholder |
| --color-tw-color-pink | #fde0f0 | Defined in :root as --tw-color-pink |
| --color-tw-color-orange | #fce8cf | Defined in :root as --tw-color-orange |
| --color-tw-color-blue | #cdd8ff | Defined in :root as --tw-color-blue |
| --color-tw-color-green | #d1f7ea | Defined in :root as --tw-color-green |
| --color-tw-color-light-green | #e9fccf | Defined in :root as --tw-color-light-green |
| --color-tw-color-purple | #e3d9fd | Defined in :root as --tw-color-purple |
…

All Tokens