{
  "$description": "Brand: Xbox (xbox@1.0.0)",
  "color": {
    "swatches": {
      "$description": "Source-of-truth color swatches from palette xbox@1.0.0",
      "xbox-green": {
        "$value": "#107C10",
        "$type": "color",
        "$description": "The iconic Xbox Green — --brandColorPrimary, --green, --success, --primary, and --xboxProgressA. The single most identifiable element of the Xbox brand.\n"
      },
      "xbox-green-hover": {
        "$value": "#007738",
        "$type": "color",
        "$description": "Pressed / hover variant — --brandColorPrimaryHover, --colorBrandBackgroundHover, --colorNeutralBackground1Hover.\n"
      },
      "xbox-green-alt": {
        "$value": "#044E2A",
        "$type": "color",
        "$description": "Darker brand variant — --brandColorPrimaryAlt. Used for borders and quiet panel accents in the brand-green family.\n"
      },
      "xbox-progress-b": {
        "$value": "#65C914",
        "$type": "color",
        "$description": "Bright achievement / progress green — --xboxProgressB. Mid-stop of the progress-bar gradient.\n"
      },
      "xbox-progress-c": {
        "$value": "#44B01C",
        "$type": "color",
        "$description": "Mid achievement / progress green — --xboxProgressC.\n"
      },
      "gradient-start": {
        "$value": "#0A4F0A",
        "$type": "color",
        "$description": "Hero gradient start — --entryGradientStart. Deepest stop of the documented Xbox-green hero gradient.\n"
      },
      "gradient-mid": {
        "$value": "#107C10",
        "$type": "color",
        "$description": "Hero gradient mid — --entryGradientMid (same value as brand primary).\n"
      },
      "gradient-end": {
        "$value": "#054B16",
        "$type": "color",
        "$description": "Hero gradient end — --entryGradientEnd.\n"
      },
      "lime-stripe": {
        "$value": "#9BF00B",
        "$type": "color",
        "$description": "Bright lime accent — observed on the Xbox Game Pass promotional CTAs and the \"AVAILABLE WITH GAME PASS\" affordances. Inverts to a #054B16 (gradient-end) text fill on the live stripe.\n"
      },
      "ink-hero": {
        "$value": "#171717",
        "$type": "color",
        "$description": "Primary dark hero background — --pd-hero-bg. Used for the product-detail-page hero modules.\n"
      },
      "ink-header": {
        "$value": "#201F24",
        "$type": "color",
        "$description": "Header chrome dark — observed as the navigation bar computed backgroundColor (rgb(32, 31, 36)).\n"
      },
      "ink-card": {
        "$value": "#333333",
        "$type": "color",
        "$description": "Elevated dark card surface — observed on product card backgrounds inside hero modules.\n"
      },
      "graphite-text": {
        "$value": "#242424",
        "$type": "color",
        "$description": "Primary body text — --text-color (#242424). Used on the light marketing surfaces.\n"
      },
      "graphite-dark": {
        "$value": "#2F2F2F",
        "$type": "color",
        "$description": "Deep neutral — --gray-dark.\n"
      },
      "graphite": {
        "$value": "#505050",
        "$type": "color",
        "$description": "Mid neutral — --gray.\n"
      },
      "paper": {
        "$value": "#FFFFFF",
        "$type": "color",
        "$description": "Primary light canvas — --white.\n"
      },
      "paper-surface": {
        "$value": "#F5F5F5",
        "$type": "color",
        "$description": "Light elevated surface — --background-color and --color- neutral-background3.\n"
      },
      "paper-divider": {
        "$value": "#D2D2D2",
        "$type": "color",
        "$description": "Quiet divider — --info (#D2D2D2). Used for borders and divider lines on light chrome.\n"
      },
      "status-warning": {
        "$value": "#FFB900",
        "$type": "color",
        "$description": "Warning amber — --warning, --yellow.\n"
      },
      "status-danger": {
        "$value": "#DC3545",
        "$type": "color",
        "$description": "Danger red — --danger, --red.\n"
      },
      "status-info-blue": {
        "$value": "#0067B8",
        "$type": "color",
        "$description": "Microsoft information blue — --blue. Inherited from the Microsoft UHF layer; appears in inline links inside the Xbox chrome.\n"
      },
      "status-teal": {
        "$value": "#008575",
        "$type": "color",
        "$description": "Microsoft teal — --teal. UHF status accent.\n"
      },
      "gamepass-pink": {
        "$value": "#FF0088",
        "$type": "color",
        "$description": "Game Pass promotional CTA fill — observed on the live \"JOIN GAME PASS\" button. Not a brand primary; reserved for promotional subscription affordances.\n"
      },
      "hero-alert": {
        "$value": "#FFD800",
        "$type": "color",
        "$description": "Hero-banner alert background — --pd-hero-alert-bg. Reserved for time-sensitive launch banners.\n"
      }
    }
  },
  "font": {
    "$description": "Typography roles mapped to font atoms",
    "heading": {
      "family": {
        "$value": [
          "Segoe UI",
          "system-ui",
          "Inter",
          "Helvetica Neue",
          "Arial",
          "sans-serif"
        ],
        "$type": "fontFamily",
        "$description": "heading role → Segoe UI (segoe-ui@1.0.0)"
      },
      "weight": {
        "300": {
          "$value": 300,
          "$type": "fontWeight"
        },
        "400": {
          "$value": 400,
          "$type": "fontWeight"
        },
        "600": {
          "$value": 600,
          "$type": "fontWeight"
        },
        "700": {
          "$value": 700,
          "$type": "fontWeight"
        },
        "$description": "Available font weights"
      }
    },
    "body": {
      "family": {
        "$value": [
          "Segoe UI",
          "system-ui",
          "Inter",
          "Helvetica Neue",
          "Arial",
          "sans-serif"
        ],
        "$type": "fontFamily",
        "$description": "body role → Segoe UI (segoe-ui@1.0.0)"
      },
      "weight": {
        "300": {
          "$value": 300,
          "$type": "fontWeight"
        },
        "400": {
          "$value": 400,
          "$type": "fontWeight"
        },
        "600": {
          "$value": 600,
          "$type": "fontWeight"
        },
        "700": {
          "$value": 700,
          "$type": "fontWeight"
        },
        "$description": "Available font weights"
      }
    },
    "mono": {
      "family": {
        "$value": [
          "JetBrainsMono Nerd Font",
          "JetBrains Mono",
          "Fira Code",
          "Menlo",
          "Monaco",
          "Consolas",
          "Liberation Mono",
          "monospace"
        ],
        "$type": "fontFamily",
        "$description": "mono role → JetBrainsMono Nerd Font (jetbrainsmono-nerdfont@1.0.0)"
      },
      "weight": {
        "100": {
          "$value": 100,
          "$type": "fontWeight"
        },
        "200": {
          "$value": 200,
          "$type": "fontWeight"
        },
        "300": {
          "$value": 300,
          "$type": "fontWeight"
        },
        "400": {
          "$value": 400,
          "$type": "fontWeight"
        },
        "500": {
          "$value": 500,
          "$type": "fontWeight"
        },
        "600": {
          "$value": 600,
          "$type": "fontWeight"
        },
        "700": {
          "$value": 700,
          "$type": "fontWeight"
        },
        "800": {
          "$value": 800,
          "$type": "fontWeight"
        },
        "$description": "Available font weights"
      }
    }
  },
  "$extensions": {
    "com.brand-atoms.rules": [
      {
        "type": "colorChoice",
        "target": "roles.colors.primary",
        "severity": "error",
        "rationale": "The Xbox brand is the single committed Xbox Green (#107C10) — declared on the live site as --brandColorPrimary, --green, --success, and --primary simultaneously. The lime stripe (#9BF00B) is the achievement / Game Pass *accent*, the blue is Microsoft's inherited UHF link affordance, and the pink is a promotional subscription-CTA. Substituting any of them for the brand primary breaks the most identifiable element of the Xbox identity.\n",
        "allowed": [
          "xbox-green",
          "xbox-green-hover",
          "xbox-green-alt"
        ],
        "forbidden": [
          "lime-stripe",
          "status-info-blue",
          "status-danger",
          "status-warning",
          "gamepass-pink"
        ]
      },
      {
        "type": "colorChoice",
        "target": "roles.colors.mark",
        "severity": "error",
        "rationale": "The Xbox sphere logo renders in Xbox Green on light backgrounds, in white on dark backgrounds, and in monochrome graphite for ink-on-paper contexts. The lime stripe, Microsoft blue, pink, and warning yellow are *not* mark fills — they are content affordances or Microsoft-corporate inheritances. Substituting any of them as the Xbox mark fill misrepresents the brand.\n",
        "allowed": [
          "xbox-green",
          "paper",
          "graphite-text"
        ],
        "forbidden": [
          "lime-stripe",
          "status-info-blue",
          "status-danger",
          "gamepass-pink",
          "status-warning"
        ]
      },
      {
        "type": "forbiddenTreatment",
        "target": "logo",
        "severity": "error",
        "rationale": "The Xbox sphere is a fixed-proportion identity. Microsoft Gaming's published partner-portal guidelines require the sphere to render only in approved color and on plain or approved-photo backgrounds with documented clearspace. Skewing, rotating, drop-shadowing, or placing the sphere on a busy photo violates the partner-portal requirements.\n",
        "treatments": [
          "stretched",
          "rotated",
          "recolored",
          "drop-shadow",
          "gradient-fill",
          "on-busy-photo",
          "outlined",
          "distorted"
        ]
      },
      {
        "type": "contrastRatio",
        "target": "text-primary",
        "severity": "error",
        "rationale": "Paper (#FFFFFF) on Ink Hero (#171717) measures ~18:1 and Graphite Text (#242424) on Paper (#FFFFFF) measures ~15:1 — both clear WCAG AA decisively. Xbox's product- detail pages carry dense system-requirements tables, multi-tier Game Pass pricing comparisons, and achievement lists; AA is the body-text floor across both modes.\n",
        "against": "background",
        "minRatio": 4.5,
        "standard": "WCAG-AA"
      },
      {
        "type": "contextRestriction",
        "target": "roles.colors.accent",
        "severity": "error",
        "rationale": "The Lime Stripe (#9BF00B) is a Game Pass / achievement / active-state accent on the live Xbox surfaces — observed with a #054B16 (gradient-end) text fill on its stripe treatment. It must not appear as the Xbox logo fill or as a hero headline color (those roles belong to the Xbox-green family), and it must not appear in error or destructive contexts (those use --danger / --red).\n",
        "allowedContexts": [
          "achievement",
          "game-pass",
          "active-state",
          "focus-ring",
          "subscription-cta"
        ],
        "forbiddenContexts": [
          "logo",
          "hero-headline",
          "error-state",
          "destructive-action"
        ]
      },
      {
        "type": "enumMembership",
        "target": "typography.heading.fontWeight",
        "severity": "warning",
        "rationale": "Xbox uses Segoe UI at Regular (400), SemiBold (600), and Bold (700) for the marketing chrome — observed on the live Universal Header Footer (UHF) and Xbox-specific navigation. The SegoeProBlack cut (font-weight: 900) is reserved for hero display modules (\"JOIN GAME PASS\" and similar promo CTAs) and lives under typography.display, not typography.heading.\n",
        "allowed": [
          "400",
          "600",
          "700"
        ]
      },
      {
        "type": "compositionConstraint",
        "target": "roles.colors.primary",
        "severity": "recommendation",
        "rationale": "Xbox Green reads cleanest against the deep ink hero canvas or the paper canvas. Placing it directly adjacent to the Game Pass promotional pink, the warning amber, or the hero-alert yellow produces chromatic conflict — the live site separates these accent surfaces with neutral chrome.\n",
        "pairsWith": [
          "ink-hero",
          "ink-header",
          "paper",
          "paper-surface"
        ],
        "doesNotPairWith": [
          "gamepass-pink",
          "status-warning",
          "hero-alert"
        ]
      },
      {
        "type": "accessibilityRequirement",
        "target": "*",
        "severity": "error",
        "rationale": "WCAG 2.1 Success Criterion 1.4.3 (Contrast Minimum) — Level AA. Xbox's surfaces carry dense product information (game titles, ratings, system requirements, multi-tier Game Pass pricing) across both light and dark modes; AA is the floor. The mark-on-canvas pairings (Xbox Green on Paper, white-on-Ink-Hero) clear AA comfortably.\n",
        "standard": "WCAG-AA",
        "criterion": "1.4.3"
      },
      {
        "type": "fontPairing",
        "target": "typography.display",
        "severity": "recommendation",
        "rationale": "Xbox hero modules pair SegoeProBlack (display) with Segoe UI Regular (prose). Maintain at least a 1.5× display-to- prose size ratio to preserve hierarchy between the heavy display cut and the body text — the live \"JOIN GAME PASS\" hero / supporting-text combinations sit comfortably above this floor.\n",
        "requires": "prose",
        "minSizeRatio": 1.5
      }
    ],
    "com.brand-atoms.assets": [],
    "com.brand-atoms.provenance": {
      "source": "https://www.xbox.com/",
      "license": "Proprietary — All Rights Reserved",
      "attribution": "Microsoft Corporation / Microsoft Gaming — visual identity captured from the deployed stylesheet on xbox.com (--brandColorPrimary, --xboxProgressA/B/C, --entryGradient*, --pd-hero-* CSS custom-property families plus the Microsoft UHF / Bootstrap status tokens). Xbox, the Xbox sphere logo, Xbox Series X|S, Xbox Game Pass, Xbox Live, Xbox Cloud Gaming, and associated marks are trademarks of Microsoft Corporation.\n",
      "importedDate": "2026-05-19",
      "notes": "Derived from live site CSS at https://www.xbox.com/en-us/ on 2026-05-19; Microsoft's public Xbox brand-guidelines documents (Xbox Partner Marketing Hub) are partner-portal- only and not publicly accessible. The primary typeface is Segoe UI (--font-family-sans-serif), supplemented by SegoeProBlack for hero display modules (observed on the live \"JOIN GAME PASS\" promo CTA). Segoe UI is available in this catalog as segoe-ui@1. The Xbox sphere logo is a central identity element but is not enumerated as a separate asset variant per the encyclopedia's trademark-redistribution policy. assets: [] applies.\n"
    },
    "com.brand-atoms.references": {
      "palette": "xbox@1.0.0",
      "fonts": {
        "heading": "segoe-ui@1.0.0",
        "body": "segoe-ui@1.0.0",
        "mono": "jetbrainsmono-nerdfont@1.0.0"
      }
    }
  }
}