TypeScript Tokens

Preview

/**
 * Generated by UI Archive — ui-archive.com
 * Domain: mailchimp.com
 * Snapshot: 2026-11-15
 * Format: W3C DTCG compatible
 * Token names preserve original CSS variable names
 */

export const tokens = {
  "color": {
    "cta-background-color": "#ffe01b",
    "cta-background-color-disabled": "#dbd9d2",
    "cta-stroke-color": "#231e15",
    "link-background-hovered": "rgba(255,224,27,.65)",
    "copy-color-light": "rgba(35,30,21,.65)"
  },
  "fontSize": {
    "source-code-pro": "100%",
    "means-web": "var(--h5-size)",
    "means-web-2": "var(--display-text-size)",
    "means-web-3": "var(--h1-size)",
    "means-web-4": "var(--h2-size)",
    "means-web-5": "var(--h3-size)",
    "means-web-7": "var(--copy-jumbo-size)",
    "means-web-8": "9.6vw",
    "means-web-9": "1.75rem",
    "means-web-10": "1.125rem",
    "means-web-11": ".875rem",
    "means-web-12": "1.25rem",
    "means-web-14": "2.25rem",
    "tally-16px-400": "16px",
    "tally-13px-400": "13px",
    "tally-12px-400": "12px",
    "means-web-48px-400": "48px",
    "tally-20px-400": "20px",
    "means-web-28-8px-400": "28.8px"
  },
  "spacing": {
    "3px": "3px",
    "5px": "5px",
…

All Tokens