design.md

Preview

# freepik.com Design Tokens

> Generated by UI Archive — https://ui-archive.com/freepik.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-surface-0 | #ffffff | Defined in :root as --color-surface-0 |
| --color-surface-accent-0 | #4f69f2 | Defined in :root as --color-surface-accent-0 |
| --color-surface-border-solid-10 | #1a1a1a | Defined in :root as --color-surface-border-solid-10 |
| --color-surface-foreground-2 | #424242 | Defined in :root as --color-surface-foreground-2 |
| --color-surface-foreground-4 | #737373 | Defined in :root as --color-surface-foreground-4 |
| --color-deprecated-primary-1 | #344ce7 | Defined in :root as --color-deprecated-primary-1 |
| --color-deprecated-primary-2 | #2236d2 | Defined in :root as --color-deprecated-primary-2 |
| --color-premium-0 | #feb602 | Defined in :root as --color-premium-0 |
| --color-premium-1 | #f4980a | Defined in :root as --color-premium-1 |
| --color-premium-2 | #ea7e11 | Defined in :root as --color-premium-2 |

## Typography

| Token | Font Family | Size |
|-------|-------------|------|
| --font-size-geist-15px-400 | geist, geist Fallback, Helvetica Neue, Helvetica, Arial, sans-serif | 15px |
| --font-size-geist-17px-400 | geist, geist Fallback, Helvetica Neue, Helvetica, Arial, sans-serif | 17px |
| --font-size-geist-14px-500 | geist, geist Fallback, Helvetica Neue, Helvetica, Arial, sans-serif | 14px |
| --font-size-klarheit-28px-700 | klarheit, klarheit Fallback, Helvetica Neue, Helvetica, Arial, sans-serif, geist, geist Fallback, Helvetica Neue, Helvetica, Arial, sans-serif, Degular, geist, geist Fallback, Helvetica Neue, Helvetica, Arial, sans-serif, Inter, Helvetica Neue, Helvetica, Arial, sans-serif | 28px |
| --font-size-geist-16px-500 | geist, geist Fallback, Helvetica Neue, Helvetica, Arial, sans-serif | 16px |
…

All Tokens