design.md

Preview

# apossible.com Design Tokens

> Generated by UI Archive — https://ui-archive.com/apossible.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-bg-black | hsla(51, 0%, 12%, 1) | Defined in :root as --bg-black |
| --color-bg-black-transparent | hsla(51, 0%, 12%, 0.8) | Defined in :root as --bg-black-transparent |
| --color-border-off-white | hsla(51, 33%, 94%, 1) | Defined in :root as --border-off-white |
| --color-bg-off-white | hsla(51, 9%, 95%, 1) | Defined in :root as --bg-off-white |
| --color-bg-off-white-dark | hsla(51, 3%, 80%, 1) | Defined in :root as --bg-off-white-dark |
| --color-path-off-white | hsla(51, 33%, 94%, 0.4) | Defined in :root as --path-off-white |
| --color-button-border | hsla(0, 0%, 50%, 0.25) | Defined in :root as --button-border |
| --color-bg-white | #FFFFFF | Defined in :root as --bg-white |
| --color-text-black | #333333 | Defined in :root as --text-black |
| --color-text-grey | #999999 | Defined in :root as --text-grey |
| --color-text-darken | rgba(0,0,0,95) | Defined in :root as --text-darken |
| --color-grid-stroke | hsla(51, 33%, 94%, 0.3) | Defined in :root as --grid-stroke |
| --color-colour-1 | #797d62 | Defined in :root as --colour-1 |
| --color-colour-2 | #9b9b7a | Defined in :root as --colour-2 |
| --color-colour-3 | #d9ae94 | Defined in :root as --colour-3 |
| --color-colour-4 | #f1dca7 | Defined in :root as --colour-4 |
| --color-colour-5 | #ffcb69 | Defined in :root as --colour-5 |
| --color-colour-6 | #e8ac65 | Defined in :root as --colour-6 |
| --color-colour-7 | #d08c60 | Defined in :root as --colour-7 |
| --color-colour-8 | #997b66 | Defined in :root as --colour-8 |
…

All Tokens