design.md

Preview

# framer.com Design Tokens

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

## Typography

| Token | Font Family | Size |
|-------|-------------|------|
| --font-size-inter-12px-500 | Inter, Inter Placeholder, sans-serif | 12px |
| --font-size-inter-13px-500 | Inter, Inter Placeholder, sans-serif | 13px |
| --font-size-inter-variable-14px-400 | Inter Variable, Inter Variable Placeholder, sans-serif | 14px |
| --font-size-inter-variable-18px-400 | Inter Variable, Inter Variable Placeholder, sans-serif | 18px |
| --font-size-inter-10px-500 | Inter, Inter Placeholder, sans-serif | 10px |
| --font-size-inter-variable-15px-400 | Inter Variable, Inter Variable Placeholder, sans-serif | 15px |
| --font-size-gt-walsheim-medium-54px-500 | GT Walsheim Medium, GT Walsheim Medium Placeholder, sans-serif | 54px |
| --font-size-gt-walsheim-medium-44px-500 | GT Walsheim Medium, GT Walsheim Medium Placeholder, sans-serif | 44px |
| --font-size-inter-9px-700 | Inter, Inter Placeholder, sans-serif | 9px |
| --font-size-azeret-mono-9-6px-400 | Azeret Mono, Azeret Mono Placeholder, sans-serif | 9.6px |
| --font-size-inter-variable-16px-400 | Inter Variable, Inter Variable Placeholder, sans-serif | 16px |

## Spacing

| Token | Value |
|-------|-------|
| --spacing-1px | 1px |
| --spacing-2px | 2px |
| --spacing-3px | 3px |
| --spacing-4px | 4px |
…

All Tokens