design.md

AI-ready Markdown · Human-readable · 134 tokens

Preview

# lemonsqueezy.com Design System

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

## Colors

| Token | Value | Description |
|-------|-------|-------------|
| --color-ls-color-yellow | #ffc233 | Defined in :root as --ls-color-yellow |
| --color-ls-color-yellow-lighter | #ffd266 | Defined in :root as --ls-color-yellow-lighter |
| --color-ls-purple | #5423e7 | Defined in :root as --ls-purple |
| --color-bullet-point-color | #6c6c89 | Defined in :root as --bullet-point-color |
| --color-black-2 | #121217 | Defined in :root as --black-2 |
| --color-purple-500 | #7047eb | Defined in :root as --purple-500 |
| --color-pink-700 | #db0bb9 | Defined in :root as --pink-700 |
| --color-purple-200-201 | #c6b6f7 | Defined in :root as --purple-200-201 |
| --color-purple-300 | #a991f3 | Defined in :root as --purple-300 |
| --color-border-color | #d1d1db | Defined in :root as --border-color |
| --color-pink-400 | #f87ce4 | Defined in :root as --pink-400 |
| --color-pink-300 | #fa99ea | Defined in :root as --pink-300 |
| --color-green-300 | #84e4ae | Defined in :root as --green-300 |
| --color-grey-700 | #3f3f50 | Defined in :root as --grey-700 |
| --color-blue-300 | #70d1ff | Defined in :root as --blue-300 |
| --color-blue-600 | #0090d6 | Defined in :root as --blue-600 |
| --color-blue-200 | #ade4ff | Defined in :root as --blue-200 |
| --color-red-200 | #fbb1c4 | Defined in :root as --red-200 |
| --color-purple-900 | #2b0e81 | Defined in :root as --purple-900 |
| --color-red-400 | #f76489 | Defined in :root as --red-400 |
| --color-green-100 | #dff8ea | Defined in :root as --green-100 |

All Tokens

Colors

50

Typography

24

Spacing

32

Radius

16

Shadows

12

Checking your plan…

Also available: Tokens Studio JSON

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

View JSON export →