{
  "$description": "Microsoft brand tokens from unfairly.ai/brand-guidelines/microsoft, checked 2026-10-29. Design Tokens Community Group format 2025.10.",
  "color": {
    "paper": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "surface": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.957,
          0.98,
          0.992
        ],
        "hex": "#f4fafd"
      }
    },
    "ink": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.055,
          0.09,
          0.149
        ],
        "hex": "#0e1726"
      }
    },
    "ink-muted": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.09,
          0.145,
          0.239
        ],
        "hex": "#17253d"
      }
    },
    "accent": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0,
          0.471,
          0.831
        ],
        "hex": "#0078d4"
      }
    },
    "on-accent": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "accent-secondary": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0,
          0.259,
          0.459
        ],
        "hex": "#004275"
      }
    },
    "night": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0,
          0,
          0
        ],
        "hex": "#000000"
      }
    },
    "on-night": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.957,
          0.98,
          0.992
        ],
        "hex": "#f4fafd"
      }
    },
    "logo-red": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.949,
          0.314,
          0.133
        ],
        "hex": "#f25022"
      }
    },
    "logo-green": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.498,
          0.729,
          0
        ],
        "hex": "#7fba00"
      }
    },
    "logo-blue": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0,
          0.643,
          0.937
        ],
        "hex": "#00a4ef"
      }
    },
    "logo-yellow": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          0.725,
          0
        ],
        "hex": "#ffb900"
      }
    },
    "logotype-gray": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.451,
          0.451,
          0.451
        ],
        "hex": "#737373"
      }
    },
    "communication-blue-site-cta": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0,
          0.471,
          0.831
        ],
        "hex": "#0078d4"
      }
    },
    "link-blue": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0,
          0.404,
          0.722
        ],
        "hex": "#0067b8"
      }
    },
    "selected-pill-navy": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0,
          0.259,
          0.459
        ],
        "hex": "#004275"
      }
    },
    "ink-navy": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.055,
          0.09,
          0.149
        ],
        "hex": "#0e1726"
      }
    },
    "body-navy": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.09,
          0.145,
          0.239
        ],
        "hex": "#17253d"
      }
    },
    "control-navy": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.165,
          0.267,
          0.435
        ],
        "hex": "#2a446f"
      }
    },
    "prompt-pill-fill": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.902,
          0.937,
          0.992
        ],
        "hex": "#e6effd"
      }
    },
    "hero-warm-white": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          0.976,
          0.961
        ],
        "hex": "#fff9f5"
      }
    },
    "ice-ground": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.957,
          0.98,
          0.992
        ],
        "hex": "#f4fafd"
      }
    },
    "card-footnote-ice": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.902,
          0.949,
          0.984
        ],
        "hex": "#e6f2fb"
      }
    },
    "footer-gray": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.949,
          0.949,
          0.949
        ],
        "hex": "#f2f2f2"
      }
    },
    "footer-text": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.38,
          0.38,
          0.38
        ],
        "hex": "#616161"
      }
    },
    "header-text": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.149,
          0.149,
          0.149
        ],
        "hex": "#262626"
      }
    },
    "promo-plum": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.533,
          0.165,
          0.545
        ],
        "hex": "#882a8b"
      }
    },
    "card-hairline": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.906,
          0.906,
          0.906
        ],
        "hex": "#e7e7e7"
      }
    },
    "field-border": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.882,
          0.875,
          0.867
        ],
        "hex": "#e1dfdd"
      }
    },
    "placeholder-gray": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.553,
          0.553,
          0.553
        ],
        "hex": "#8d8d8d"
      }
    },
    "placeholder-blue-gray": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.435,
          0.463,
          0.545
        ],
        "hex": "#6f768b"
      }
    },
    "underline-teal": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.424,
          0.816,
          0.761
        ],
        "hex": "#6cd0c2"
      }
    },
    "disabled-arrow": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.776,
          0.808,
          0.847
        ],
        "hex": "#c6ced8"
      }
    },
    "card-overlay-black": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0,
          0,
          0
        ],
        "hex": "#000000"
      }
    },
    "back-to-top-fill": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.969,
          0.969,
          0.969
        ],
        "hex": "#f7f7f7"
      }
    },
    "brandweb-80-fluent-primary": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.059,
          0.424,
          0.741
        ],
        "hex": "#0f6cbd"
      }
    },
    "brandweb-70": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.067,
          0.369,
          0.639
        ],
        "hex": "#115ea3"
      }
    },
    "brandweb-60": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.059,
          0.329,
          0.549
        ],
        "hex": "#0f548c"
      }
    },
    "brandweb-100": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.278,
          0.62,
          0.961
        ],
        "hex": "#479ef5"
      }
    },
    "brandweb-160": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.922,
          0.953,
          0.988
        ],
        "hex": "#ebf3fc"
      }
    },
    "grey-14": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.141,
          0.141,
          0.141
        ],
        "hex": "#242424"
      }
    },
    "grey-26": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.259,
          0.259,
          0.259
        ],
        "hex": "#424242"
      }
    },
    "grey-82": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.82,
          0.82,
          0.82
        ],
        "hex": "#d1d1d1"
      }
    },
    "grey-98": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.98,
          0.98,
          0.98
        ],
        "hex": "#fafafa"
      }
    },
    "grey-96": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.961,
          0.961,
          0.961
        ],
        "hex": "#f5f5f5"
      }
    },
    "grey-16": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.161,
          0.161,
          0.161
        ],
        "hex": "#292929"
      }
    },
    "button-primary-fill": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0,
          0.471,
          0.831
        ],
        "hex": "#0078d4"
      }
    },
    "button-primary-text": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "button-on-dark-fill": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "button-on-dark-text": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.055,
          0.09,
          0.149
        ],
        "hex": "#0e1726"
      }
    },
    "ask-field-fill": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "suggestion-pill-fill": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.902,
          0.937,
          0.992
        ],
        "hex": "#e6effd"
      }
    },
    "suggestion-pill-text": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.165,
          0.267,
          0.435
        ],
        "hex": "#2a446f"
      }
    },
    "tag-fill": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.533,
          0.165,
          0.545
        ],
        "hex": "#882a8b"
      }
    },
    "tag-text": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "feature-card-fill": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "card-banner-fill": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "social-tile-fill": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "chat-badge-fill": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0,
          0.471,
          0.831
        ],
        "hex": "#0078d4"
      }
    }
  },
  "font": {
    "display": {
      "$type": "fontFamily",
      "$value": [
        "Hanken Grotesk",
        "Segoe UI Variable Text",
        "Segoe UI",
        "-apple-system",
        "BlinkMacSystemFont",
        "Roboto",
        "Helvetica Neue",
        "sans-serif"
      ]
    },
    "display-original": {
      "$type": "fontFamily",
      "$value": [
        "Segoe UI Variable Display"
      ],
      "$description": "Microsoft's own face (Proprietary (Microsoft); ships with Windows, not licensed for third-party web embedding). The stand-in above is the open alternative."
    },
    "body": {
      "$type": "fontFamily",
      "$value": [
        "Hanken Grotesk",
        "Segoe UI Variable Text",
        "Segoe UI",
        "-apple-system",
        "BlinkMacSystemFont",
        "Roboto",
        "Helvetica Neue",
        "sans-serif"
      ]
    },
    "body-original": {
      "$type": "fontFamily",
      "$value": [
        "Segoe UI Variable Text / Segoe UI"
      ],
      "$description": "Microsoft's own face (Proprietary (Microsoft)). The stand-in above is the open alternative."
    },
    "mono": {
      "$type": "fontFamily",
      "$value": [
        "JetBrains Mono",
        "Consolas",
        "'Cascadia Mono'",
        "monospace"
      ]
    }
  },
  "typography": {
    "hero-greeting-h1": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.display}",
        "fontSize": {
          "value": 62,
          "unit": "px"
        },
        "fontWeight": 500,
        "lineHeight": 1.16,
        "letterSpacing": {
          "value": -1.55,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 40,
          "family": "Hanken Grotesk",
          "provenance": "observed"
        }
      }
    },
    "section-headline-h2": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.display}",
        "fontSize": {
          "value": 48,
          "unit": "px"
        },
        "fontWeight": 500,
        "lineHeight": 1.17,
        "letterSpacing": {
          "value": -1.2,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 32,
          "family": "Hanken Grotesk",
          "provenance": "observed"
        }
      }
    },
    "card-and-banner-headline": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.display}",
        "fontSize": {
          "value": 32,
          "unit": "px"
        },
        "fontWeight": 500,
        "lineHeight": 1.25,
        "letterSpacing": {
          "value": -0.8,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 24,
          "family": "Hanken Grotesk",
          "provenance": "observed"
        }
      }
    },
    "feature-card-title-h3": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.display}",
        "fontSize": {
          "value": 20,
          "unit": "px"
        },
        "fontWeight": 600,
        "lineHeight": 1.4,
        "letterSpacing": {
          "value": -0.3,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 18,
          "family": "Hanken Grotesk",
          "provenance": "observed"
        }
      }
    },
    "body": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": {
          "value": 16,
          "unit": "px"
        },
        "fontWeight": 400,
        "lineHeight": 1.5,
        "letterSpacing": {
          "value": -0.48,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 16,
          "family": "Hanken Grotesk",
          "provenance": "observed"
        }
      }
    },
    "italic-prompt": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": {
          "value": 16,
          "unit": "px"
        },
        "fontWeight": 400,
        "lineHeight": 1.5,
        "letterSpacing": {
          "value": -0.48,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 16,
          "family": "Hanken Grotesk",
          "provenance": "observed"
        }
      }
    },
    "button-label": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": {
          "value": 15,
          "unit": "px"
        },
        "fontWeight": 600,
        "lineHeight": 1.47,
        "letterSpacing": {
          "value": -0.3,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 15,
          "family": "Hanken Grotesk",
          "provenance": "observed"
        }
      }
    },
    "suggestion-pill": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": {
          "value": 15,
          "unit": "px"
        },
        "fontWeight": 400,
        "lineHeight": 1.47,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 15,
          "family": "Hanken Grotesk",
          "provenance": "observed"
        }
      }
    },
    "tag": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": {
          "value": 14,
          "unit": "px"
        },
        "fontWeight": 600,
        "lineHeight": 1.43,
        "letterSpacing": {
          "value": -0.48,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 14,
          "family": "Hanken Grotesk",
          "provenance": "observed"
        }
      }
    },
    "header-link": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": {
          "value": 13,
          "unit": "px"
        },
        "fontWeight": 400,
        "lineHeight": 1.2,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 13,
          "family": "Hanken Grotesk",
          "provenance": "observed"
        }
      }
    },
    "footer-heading": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.display}",
        "fontSize": {
          "value": 15,
          "unit": "px"
        },
        "fontWeight": 600,
        "lineHeight": 1.33,
        "letterSpacing": {
          "value": -0.375,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 15,
          "family": "Hanken Grotesk",
          "provenance": "observed"
        }
      }
    },
    "footer-link": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": {
          "value": 11,
          "unit": "px"
        },
        "fontWeight": 400,
        "lineHeight": 1.45,
        "letterSpacing": {
          "value": -0.48,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 11,
          "family": "Hanken Grotesk",
          "provenance": "observed"
        }
      }
    },
    "fluent-display-reference": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.display}",
        "fontSize": {
          "value": 68,
          "unit": "px"
        },
        "fontWeight": 600,
        "lineHeight": 1.35,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 68,
          "family": "Hanken Grotesk",
          "provenance": "published"
        }
      }
    }
  },
  "space": {
    "page-margin": {
      "$type": "dimension",
      "$value": {
        "value": 72,
        "unit": "px"
      }
    },
    "page-margin-phone": {
      "$type": "dimension",
      "$value": {
        "value": 16,
        "unit": "px"
      }
    },
    "card-gap": {
      "$type": "dimension",
      "$value": {
        "value": 24,
        "unit": "px"
      }
    },
    "container-max": {
      "$type": "dimension",
      "$value": {
        "value": 1296,
        "unit": "px"
      }
    },
    "nav-height": {
      "$type": "dimension",
      "$value": {
        "value": 54,
        "unit": "px"
      }
    },
    "gutter": {
      "$type": "dimension",
      "$value": {
        "value": 24,
        "unit": "px"
      }
    }
  },
  "radius": {
    "button-primary": {
      "$type": "dimension",
      "$value": {
        "value": 8,
        "unit": "px"
      }
    },
    "button-on-dark": {
      "$type": "dimension",
      "$value": {
        "value": 8,
        "unit": "px"
      }
    },
    "ask-field": {
      "$type": "dimension",
      "$value": {
        "value": 4,
        "unit": "px"
      }
    },
    "suggestion-pill": {
      "$type": "dimension",
      "$value": {
        "value": 16,
        "unit": "px"
      }
    },
    "promo-card": {
      "$type": "dimension",
      "$value": {
        "value": 24,
        "unit": "px"
      }
    },
    "tag": {
      "$type": "dimension",
      "$value": {
        "value": 4,
        "unit": "px"
      }
    },
    "feature-card": {
      "$type": "dimension",
      "$value": {
        "value": 24,
        "unit": "px"
      }
    },
    "card-banner": {
      "$type": "dimension",
      "$value": {
        "value": 24,
        "unit": "px"
      }
    },
    "carousel-button": {
      "$type": "dimension",
      "$value": {
        "value": 200,
        "unit": "px"
      }
    },
    "pause-button": {
      "$type": "dimension",
      "$value": {
        "value": 8,
        "unit": "px"
      }
    },
    "social-tile": {
      "$type": "dimension",
      "$value": {
        "value": 8,
        "unit": "px"
      }
    },
    "chat-badge": {
      "$type": "dimension",
      "$value": {
        "value": 18,
        "unit": "px"
      }
    },
    "avatar-ring": {
      "$type": "dimension",
      "$value": {
        "value": 18,
        "unit": "px"
      }
    }
  },
  "motion": {
    "fluent-in-easing": {
      "$type": "cubicBezier",
      "$value": [
        0.1,
        0.9,
        0.2,
        1
      ]
    },
    "fluent-out-easing": {
      "$type": "cubicBezier",
      "$value": [
        1,
        0,
        1,
        1
      ]
    },
    "curvedeceleratemid-easing": {
      "$type": "cubicBezier",
      "$value": [
        0,
        0,
        0,
        1
      ]
    },
    "curvedeceleratemax-easing": {
      "$type": "cubicBezier",
      "$value": [
        0.1,
        0.9,
        0.2,
        1
      ]
    },
    "curveacceleratemid-easing": {
      "$type": "cubicBezier",
      "$value": [
        1,
        0,
        1,
        1
      ]
    },
    "curveeasyease-easing": {
      "$type": "cubicBezier",
      "$value": [
        0.33,
        0,
        0.67,
        1
      ]
    },
    "curveeasyeasemax-easing": {
      "$type": "cubicBezier",
      "$value": [
        0.8,
        0,
        0.2,
        1
      ]
    },
    "curvelinear-easing": {
      "$type": "cubicBezier",
      "$value": [
        0,
        0,
        1,
        1
      ]
    }
  }
}