design.md

Preview

# moma.org Design Tokens

> Generated by UI Archive — https://ui-archive.com/moma.org
> 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-moma-sans-10px-400 | MoMA Sans, MoMA Sans, Helvetica, sans-serif | 10px |
| --font-size-moma-sans-18px-900 | MoMA Sans, MoMA Sans, Helvetica, sans-serif | 18px |
| --font-size-moma-sans-16px-400 | MoMA Sans, MoMA Sans, Helvetica, sans-serif | 16px |
| --font-size-moma-sans-22px-900 | MoMA Sans, MoMA Sans, Helvetica, sans-serif | 22px |
| --font-size-moma-sans-13-3333px-400 | MoMA Sans, MoMA Sans, Helvetica, sans-serif | 13.3333px |
| --font-size-moma-sans-40px-900 | MoMA Sans, MoMA Sans, Helvetica, sans-serif | 40px |
| --font-size-moma-sans-30px-900 | MoMA Sans, MoMA Sans, Helvetica, sans-serif | 30px |
| --font-size-moma-sans-14px-400 | MoMA Sans, MoMA Sans, Helvetica, sans-serif | 14px |
| --font-size-moma-sans-60px-900 | MoMA Sans, MoMA Sans, Helvetica, sans-serif | 60px |

## Spacing

| Token | Value |
|-------|-------|
| --spacing-8px | 8px |
| --spacing-16px | 16px |
| --spacing-24px | 24px |
| --spacing-32px | 32px |
| --spacing-48px | 48px |
| --spacing-64px | 64px |
…

All Tokens