design.md

Preview

# typeform.com Design Tokens

> Generated by UI Archive — https://ui-archive.com/typeform.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-tokens-surfaces-background-idle | #faf9fb | Defined in :root as --tokens--surfaces--background-idle |
| --color-tokens-text-colour-text-colour-primary | #2a222b | Defined in :root as --tokens--text-colour--text-colour-primary |
| --color-tokens-text-colour-text-colour-secondary | #655d67 | Defined in :root as --tokens--text-colour--text-colour-secondary |
| --color-tokens-text-colour-eyebrow-colour | #a25fba | Defined in :root as --tokens--text-colour--eyebrow-colour |
| --color-tokens-button-primary-bg-hover | #564b58 | Defined in :root as --tokens--button--primary-bg-hover |
| --color-colour-primitives-primitives-purple-800 | #753a88 | Defined in :root as --_colour-primitives---primitives--purple--800 |
| --color-colour-primitives-primitives-neutral-900 | #3e3040 | Defined in :root as --_colour-primitives---primitives--neutral--900 |
| --color-colour-primitives-primitives-purple-700 | #9454ab | Defined in :root as --_colour-primitives---primitives--purple--700 |
| --color-colour-primitives-get-real-500 | #b66dd5 | Defined in :root as --_colour-primitives---get-real--500 |
| --color-colour-primitives-primitives-purple-300 | #eccffa | Defined in :root as --_colour-primitives---primitives--purple--300 |
| --color-colour-primitives-primitives-yellow-200 | #fcf0ca | Defined in :root as --_colour-primitives---primitives--yellow--200 |
| --color-colour-primitives-primitives-red-600 | #ce5d55 | Defined in :root as --_colour-primitives---primitives--red--600 |
| --color-colour-primitives-primitives-green-700 | #457d4e | Defined in :root as --_colour-primitives---primitives--green--700 |
| --color-colour-primitives-primitives-green-400 | #97da90 | Defined in :root as --_colour-primitives---primitives--green--400 |
| --color-colour-primitives-primitives-neutral-600 | #837a85 | Defined in :root as --_colour-primitives---primitives--neutral--600 |
| --color-colour-primitives-get-real-800 | #580273 | Defined in :root as --_colour-primitives---get-real--800 |
| --color-colour-primitives-primitives-yellow-300 | #fbe19d | Defined in :root as --_colour-primitives---primitives--yellow--300 |
| --color-colour-primitives-primitives-green-300 | #c4e3ba | Defined in :root as --_colour-primitives---primitives--green--300 |
| --color-colour-primitives-primitives-blue-300 | #bdddf9 | Defined in :root as --_colour-primitives---primitives--blue--300 |

…

All Tokens