design.md

Preview

# itsnicethat.com Design Tokens

> Generated by UI Archive — https://ui-archive.com/itsnicethat.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-dark-grey | #222222 | Defined in :root as --dark-grey |
| --color-grey | #555555 | Defined in :root as --grey |
| --color-light-grey | #e8e8e8 | Defined in :root as --light-grey |
| --color-white-60 | hsla(0,0%,100%,0.6) | Defined in :root as --white-60 |
| --color-white-80 | hsla(0,0%,100%,0.8) | Defined in :root as --white-80 |
| --color-heliotrope | #a074ff | Defined in :root as --heliotrope |
| --color-heliotrope-30 | rgba(160,116,255,0.3) | Defined in :root as --heliotrope-30 |
| --color-magnolia | #f9f5ff | Defined in :root as --magnolia |
| --color-mineshaft-10 | rgba(43,43,43,0.1) | Defined in :root as --mineshaft-10 |
| --color-mineshaft-20 | rgba(43,43,43,0.2) | Defined in :root as --mineshaft-20 |
| --color-mineshaft-30 | rgba(43,43,43,0.3) | Defined in :root as --mineshaft-30 |
| --color-mineshaft-40 | rgba(43,43,43,0.4) | Defined in :root as --mineshaft-40 |
| --color-mineshaft-60 | rgba(43,43,43,0.6) | Defined in :root as --mineshaft-60 |
| --color-mineshaft-80 | rgba(43,43,43,0.8) | Defined in :root as --mineshaft-80 |
| --color-purple | #6219ff | Defined in :root as --purple |
| --color-violet | #8147ff | Defined in :root as --violet |
| --color-chartreuse | #deff00 | Defined in :root as --chartreuse |
| --color-flush | #ff8400 | Defined in :root as --flush |

## Typography
…

All Tokens