design.md

Preview

# fontgauntlet.com Design Tokens

> Generated by UI Archive — https://ui-archive.com/fontgauntlet.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-border | #d6d6d6 | Defined in :root as --color--border |
| --color-darkmode-darkest | #2e2e30 | Defined in :root as --color--darkmode-darkest |
| --color-background-overlay | rgba(0, 0, 0, .21) | Defined in :root as --color--background--overlay |
| --color-dark | #777777 | Defined in :root as --color--dark |
| --color-darker-mid | #555555 | Defined in :root as --color--darker--mid |
| --color-tab-close | #ff5656 | Defined in :root as --color--tab--close |
| --color-tab-yellow | #ffe24d | Defined in :root as --color--tab--yellow |
| --color-tab-green | #00ff00 | Defined in :root as --color--tab--green |
| --color-slider | #36cc36 | Defined in :root as --color--slider |
| --color-yellow-dark | #e0bd00 | Defined in :root as --color--yellow--dark |
| --color-green-dark | #34a734 | Defined in :root as --color--green--dark |
| --color-green-light | #9dff9d | Defined in :root as --color--green--light |
| --color-orange | #ff5c00 | Defined in :root as --color--orange |
| --color-blue | #1818ff | Defined in :root as --color--blue |
| --color-blue-light | #a2ebff | Defined in :root as --color--blue--light |

## Typography

| Token | Font Family | Size |
|-------|-------------|------|
…

All Tokens