design.md

Preview

# are.na Design Tokens

> Generated by UI Archive — https://ui-archive.com/are.na
> Snapshot: 2026-11-15
> Format: W3C DTCG compatible — suitable for Cursor, Lovable, Claude Code, and other AI coding agents

## Colors

| Token | Value | Description |
|-------|-------|-------------|
| --color-colors-gray0 | #ffffff | Defined in :root as --colors-gray0 |
| --color-colors-gray4 | #999999 | Defined in :root as --colors-gray4 |
| --color-colors-gray5 | #696969 | Defined in :root as --colors-gray5 |
| --color-colors-gray6 | #333333 | Defined in :root as --colors-gray6 |
| --color-colors-gray7 | #000000 | Defined in :root as --colors-gray7 |
| --color-colors-red2 | #DFBEBE | Defined in :root as --colors-red2 |
| --color-colors-red3 | #B93D3D | Defined in :root as --colors-red3 |
| --color-colors-green2 | #B4D6B3 | Defined in :root as --colors-green2 |
| --color-colors-green3 | #238020 | Defined in :root as --colors-green3 |
| --color-colors-blue1 | #EBECF7 | Defined in :root as --colors-blue1 |
| --color-colors-blue2 | #3D46C2 | Defined in :root as --colors-blue2 |
| --color-colors-blue3 | #00075F | Defined in :root as --colors-blue3 |
| --color-colors-foregroundshadow | rgba(0, 0, 0, 0.08) | Defined in :root as --colors-foregroundShadow |
| --color-colors-foregroundlight | rgba(0, 0, 0, 0.6) | Defined in :root as --colors-foregroundLight |
| --color-colors-foregroundheavy | rgba(0, 0, 0, 0.85) | Defined in :root as --colors-foregroundHeavy |
| --color-colors-backgroundshadow | rgba(255, 255, 255, 0.08) | Defined in :root as --colors-backgroundShadow |
| --color-colors-backgroundlight | rgba(247, 247, 247, 0.6) | Defined in :root as --colors-backgroundLight |
| --color-colors-backgroundheavy | rgba(255, 255, 255, 0.95) | Defined in :root as --colors-backgroundHeavy |
| --color-colors-alert | #E15100 | Defined in :root as --colors-alert |
| --color-colors-notification | #A87253 | Defined in :root as --colors-notification |
…

All Tokens