{
  "$description": "Mastercard brand tokens from unfairly.ai/brand-guidelines/mastercard, checked 2026-10-31. Design Tokens Community Group format 2025.10.",
  "color": {
    "paper": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.953,
          0.941,
          0.933
        ],
        "hex": "#f3f0ee"
      }
    },
    "surface": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.988,
          0.984,
          0.98
        ],
        "hex": "#fcfbfa"
      }
    },
    "ink": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.078,
          0.078,
          0.075
        ],
        "hex": "#141413"
      }
    },
    "ink-muted": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.078,
          0.078,
          0.075
        ],
        "hex": "#141413"
      }
    },
    "accent": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.953,
          0.451,
          0.22
        ],
        "hex": "#f37338"
      }
    },
    "on-accent": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.078,
          0.078,
          0.075
        ],
        "hex": "#141413"
      }
    },
    "accent-secondary": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          0.373,
          0
        ],
        "hex": "#ff5f00"
      }
    },
    "night": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.078,
          0.078,
          0.075
        ],
        "hex": "#141413"
      }
    },
    "on-night": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "mastercard-red": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.922,
          0,
          0.106
        ],
        "hex": "#eb001b"
      }
    },
    "mastercard-orange": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          0.373,
          0
        ],
        "hex": "#ff5f00"
      }
    },
    "mastercard-yellow": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.969,
          0.62,
          0.106
        ],
        "hex": "#f79e1b"
      }
    },
    "warm-canvas": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.953,
          0.941,
          0.933
        ],
        "hex": "#f3f0ee"
      }
    },
    "panel": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.988,
          0.984,
          0.98
        ],
        "hex": "#fcfbfa"
      }
    },
    "signal-orange": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.953,
          0.451,
          0.22
        ],
        "hex": "#f37338"
      }
    },
    "footer-muted": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.82,
          0.804,
          0.78
        ],
        "hex": "#d1cdc7"
      }
    },
    "icon-ring": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.2,
          0.2,
          0.2
        ],
        "hex": "#333333"
      }
    },
    "white": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "black": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0,
          0,
          0
        ],
        "hex": "#000000"
      }
    },
    "button-primary-fill": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.078,
          0.078,
          0.075
        ],
        "hex": "#141413"
      }
    },
    "button-primary-text": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.953,
          0.941,
          0.933
        ],
        "hex": "#f3f0ee"
      }
    },
    "button-outline-text": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.078,
          0.078,
          0.075
        ],
        "hex": "#141413"
      }
    },
    "button-outline-ring": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.078,
          0.078,
          0.075
        ],
        "hex": "#141413"
      }
    },
    "round-arrow-button-fill": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.953,
          0.941,
          0.933
        ],
        "hex": "#f3f0ee"
      }
    },
    "round-arrow-button-ring": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.078,
          0.078,
          0.075
        ],
        "hex": "#141413"
      }
    },
    "photo-arrow-fill": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "photo-arrow-text": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.078,
          0.078,
          0.075
        ],
        "hex": "#141413"
      }
    },
    "eyebrow-text": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.078,
          0.078,
          0.075
        ],
        "hex": "#141413"
      }
    },
    "label-pill-fill": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "label-pill-text": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.078,
          0.078,
          0.075
        ],
        "hex": "#141413"
      }
    },
    "outline-row-ring": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.953,
          0.451,
          0.22
        ],
        "hex": "#f37338"
      }
    },
    "nav-bar-fill": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "country-select-fill": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.078,
          0.078,
          0.075
        ],
        "hex": "#141413"
      }
    },
    "country-select-ring": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.82,
          0.804,
          0.78
        ],
        "hex": "#d1cdc7"
      }
    }
  },
  "font": {
    "display": {
      "$type": "fontFamily",
      "$value": [
        "Kumbh Sans",
        "Helvetica Neue",
        "Arial",
        "sans-serif"
      ]
    },
    "display-original": {
      "$type": "fontFamily",
      "$value": [
        "FF Mark"
      ],
      "$description": "Mastercard's own face (Commercial (FontFont, now Monotype); not open, not ours to ship). The stand-in above is the open alternative."
    },
    "body": {
      "$type": "fontFamily",
      "$value": [
        "Kumbh Sans",
        "Helvetica Neue",
        "Arial",
        "sans-serif"
      ]
    },
    "body-original": {
      "$type": "fontFamily",
      "$value": [
        "FF Mark"
      ],
      "$description": "Mastercard's own face (Commercial (FontFont, now Monotype); not open). The stand-in above is the open alternative."
    }
  },
  "typography": {
    "display-xl": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.display}",
        "fontSize": {
          "value": 120,
          "unit": "px"
        },
        "fontWeight": 500,
        "lineHeight": 1,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 48,
          "family": "Kumbh Sans",
          "provenance": "observed"
        }
      }
    },
    "display-l": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.display}",
        "fontSize": {
          "value": 64,
          "unit": "px"
        },
        "fontWeight": 500,
        "lineHeight": 1,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 48,
          "family": "Kumbh Sans",
          "provenance": "observed"
        }
      }
    },
    "title": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.display}",
        "fontSize": {
          "value": 36,
          "unit": "px"
        },
        "fontWeight": 500,
        "lineHeight": 1.2,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 24,
          "family": "Kumbh Sans",
          "provenance": "observed"
        }
      }
    },
    "pill-title": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.display}",
        "fontSize": {
          "value": 36,
          "unit": "px"
        },
        "fontWeight": 500,
        "lineHeight": 2,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 24,
          "family": "Kumbh Sans",
          "provenance": "observed"
        }
      }
    },
    "lead": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": {
          "value": 20,
          "unit": "px"
        },
        "fontWeight": 400,
        "lineHeight": 1.3,
        "letterSpacing": {
          "value": 0.4,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 20,
          "family": "Kumbh Sans",
          "provenance": "observed"
        }
      }
    },
    "body": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": {
          "value": 16,
          "unit": "px"
        },
        "fontWeight": 400,
        "lineHeight": 1.4,
        "letterSpacing": {
          "value": 0.32,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 16,
          "family": "Kumbh Sans",
          "provenance": "observed"
        }
      }
    },
    "button": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": {
          "value": 16,
          "unit": "px"
        },
        "fontWeight": 500,
        "lineHeight": 1,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 16,
          "family": "Kumbh Sans",
          "provenance": "observed"
        }
      }
    },
    "nav": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": {
          "value": 16,
          "unit": "px"
        },
        "fontWeight": 500,
        "lineHeight": 1,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 16,
          "family": "Kumbh Sans",
          "provenance": "observed"
        }
      }
    },
    "eyebrow": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": {
          "value": 14,
          "unit": "px"
        },
        "fontWeight": 700,
        "lineHeight": 1,
        "letterSpacing": {
          "value": 0.84,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 12,
          "family": "Kumbh Sans",
          "provenance": "observed"
        }
      }
    },
    "chip": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": {
          "value": 16,
          "unit": "px"
        },
        "fontWeight": 500,
        "lineHeight": 1,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 14,
          "family": "Kumbh Sans",
          "provenance": "observed"
        }
      }
    },
    "footer-lead": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": {
          "value": 20,
          "unit": "px"
        },
        "fontWeight": 500,
        "lineHeight": 1.2,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 20,
          "family": "Kumbh Sans",
          "provenance": "observed"
        }
      }
    },
    "footer-link": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": {
          "value": 14,
          "unit": "px"
        },
        "fontWeight": 500,
        "lineHeight": 1,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 14,
          "family": "Kumbh Sans",
          "provenance": "observed"
        }
      }
    }
  },
  "space": {
    "page-margin": {
      "$type": "dimension",
      "$value": {
        "value": 100,
        "unit": "px"
      }
    },
    "page-margin-phone": {
      "$type": "dimension",
      "$value": {
        "value": 20,
        "unit": "px"
      }
    },
    "section-padding": {
      "$type": "dimension",
      "$value": {
        "value": 120,
        "unit": "px"
      }
    },
    "section-padding-phone": {
      "$type": "dimension",
      "$value": {
        "value": 64,
        "unit": "px"
      }
    },
    "card-gap": {
      "$type": "dimension",
      "$value": {
        "value": 80,
        "unit": "px"
      }
    },
    "container-max": {
      "$type": "dimension",
      "$value": {
        "value": 1240,
        "unit": "px"
      }
    },
    "hero-text-max": {
      "$type": "dimension",
      "$value": {
        "value": 608,
        "unit": "px"
      }
    },
    "nav-height": {
      "$type": "dimension",
      "$value": {
        "value": 88,
        "unit": "px"
      }
    },
    "gutter": {
      "$type": "dimension",
      "$value": {
        "value": 234,
        "unit": "px"
      }
    }
  },
  "radius": {
    "button-primary": {
      "$type": "dimension",
      "$value": {
        "value": 20,
        "unit": "px"
      }
    },
    "button-outline": {
      "$type": "dimension",
      "$value": {
        "value": 20,
        "unit": "px"
      }
    },
    "round-arrow-button": {
      "$type": "dimension",
      "$value": {
        "value": 999,
        "unit": "px"
      }
    },
    "photo-arrow": {
      "$type": "dimension",
      "$value": {
        "value": 999,
        "unit": "px"
      }
    },
    "label-pill": {
      "$type": "dimension",
      "$value": {
        "value": 40,
        "unit": "px"
      }
    },
    "photo-stadium": {
      "$type": "dimension",
      "$value": {
        "value": 999,
        "unit": "px"
      }
    },
    "outline-row": {
      "$type": "dimension",
      "$value": {
        "value": 999,
        "unit": "px"
      }
    },
    "nav-bar": {
      "$type": "dimension",
      "$value": {
        "value": 99,
        "unit": "px"
      }
    },
    "country-select": {
      "$type": "dimension",
      "$value": {
        "value": 20,
        "unit": "px"
      }
    }
  },
  "motion": {
    "fill-reveal-duration": {
      "$type": "duration",
      "$value": {
        "value": 500,
        "unit": "ms"
      }
    },
    "dot-easing": {
      "$type": "cubicBezier",
      "$value": [
        0.25,
        0.1,
        0.25,
        1
      ]
    },
    "dot-duration": {
      "$type": "duration",
      "$value": {
        "value": 400,
        "unit": "ms"
      }
    }
  }
}