design.md

Preview

# mailchimp.com Design Tokens

> Generated by UI Archive — https://ui-archive.com/mailchimp.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-cta-background-color | #ffe01b | Defined in :root as --cta-background-color |
| --color-cta-background-color-disabled | #dbd9d2 | Defined in :root as --cta-background-color-disabled |
| --color-cta-stroke-color | #231e15 | Defined in :root as --cta-stroke-color |
| --color-link-background-hovered | rgba(255,224,27,.65) | Defined in :root as --link-background-hovered |
| --color-copy-color-light | rgba(35,30,21,.65) | Defined in :root as --copy-color-light |

## Typography

| Token | Font Family | Size |
|-------|-------------|------|
| --font-size-source-code-pro | Source Code Pro, Consolas, Lucida Console, Courier, monospace | 100% |
| --font-size-means-web | Means Web, Georgia, Times, Times New Roman, serif | var(--h5-size) |
| --font-size-means-web-2 | Means Web, Georgia, Times, Times New Roman, serif | var(--display-text-size) |
| --font-size-means-web-3 | Means Web, Georgia, Times, Times New Roman, serif | var(--h1-size) |
| --font-size-means-web-4 | Means Web, Georgia, Times, Times New Roman, serif | var(--h2-size) |
| --font-size-means-web-5 | Means Web, Georgia, Times, Times New Roman, serif | var(--h3-size) |
| --font-size-means-web-7 | Means Web, Georgia, Times, Times New Roman, serif | var(--copy-jumbo-size) |
| --font-size-means-web-8 | Means Web, Georgia, Times, Times New Roman, serif | 9.6vw |
| --font-size-means-web-9 | Means Web, Georgia, Times, Times New Roman, serif | 1.75rem |
| --font-size-means-web-10 | Means Web, Georgia, Times, Times New Roman, serif | 1.125rem |
…

All Tokens