design.md

Preview

# fotoatlas.net Design Tokens

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

## Colors

| Token | Value | Description |
|-------|-------|-------------|
| --color-f9fafb | #f9fafb | Defined in :root as --color-gray-50 |
| --color-f3f4f6 | #f3f4f6 | Defined in :root as --color-gray-100 |
| --color-e5e7eb | #e5e7eb | Defined in :root as --color-gray-200 |
| --color-d1d5dc | #d1d5dc | Defined in :root as --color-gray-300 |
| --color-99a1af | #99a1af | Defined in :root as --color-gray-400 |
| --color-6a7282 | #6a7282 | Defined in :root as --color-gray-500 |
| --color-4a5565 | #4a5565 | Defined in :root as --color-gray-600 |
| --color-364153 | #364153 | Defined in :root as --color-gray-700 |
| --color-1e2939 | #1e2939 | Defined in :root as --color-gray-800 |
| --color-101828 | #101828 | Defined in :root as --color-gray-900 |
| --color-black | #000000 | Defined in :root as --color-black |
| --color-white | #ffffff | Defined in :root as --color-white |
| --color-purple | #5533ff | Defined in :root as --color-purple |
| --color-link | #07002a | Defined in :root as --color-link |
| --color-link-hover | #0400d2 | Defined in :root as --color-link-hover |
| --color-ffffff | #ffffff |  |

## Typography

| Token | Font Family | Size |
…

All Tokens