{
  "id": "xbox",
  "version": "1.0.0",
  "name": "Xbox",
  "description": "Xbox is Microsoft's gaming brand cluster — covering the Xbox console family (original Xbox / 360 / One / Series S|X), Xbox Game Pass (the multi-tier subscription service), Xbox Cloud Gaming, Xbox Game Studios first-party publishing (Bethesda, Activision Blizzard, 343 Industries, The Coalition, Mojang, Obsidian, inXile, Compulsion, Double Fine, Rare, Turn 10, Playground, World's Edge, undead Labs, and others), and the PC Game Pass / Xbox app on Windows. The brand voice is loud, inclusive, and player-first — \"Power Your Dreams\" and \"When everyone plays, we all win\" frame the marketing posture. Visually, Xbox is the most chromatically committed gaming identity: the entire brand reads on the single signature hue, \"Xbox Green\" (#107C10), with the achievement / Game Pass lime stripe (#9BF00B) as a secondary energy accent.\nXbox is a sub-brand of Microsoft (parent: microsoft@1) but stands on its own atom because the green identity is functionally independent of the Microsoft corporate identity and Microsoft Gaming operates as a distinct visual brand cluster.\n",
  "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"
  },
  "tags": [
    "xbox",
    "microsoft",
    "gaming",
    "console",
    "green",
    "sub-brand"
  ],
  "palette": {
    "ref": "xbox@1.0.0",
    "swatches": [
      {
        "id": "xbox-green",
        "name": "Xbox Green",
        "value": "#107C10",
        "description": "The iconic Xbox Green — --brandColorPrimary, --green, --success, --primary, and --xboxProgressA. The single most identifiable element of the Xbox brand.\n",
        "aliases": []
      },
      {
        "id": "xbox-green-hover",
        "name": "Xbox Green Hover",
        "value": "#007738",
        "description": "Pressed / hover variant — --brandColorPrimaryHover, --colorBrandBackgroundHover, --colorNeutralBackground1Hover.\n",
        "aliases": []
      },
      {
        "id": "xbox-green-alt",
        "name": "Xbox Green Alt",
        "value": "#044E2A",
        "description": "Darker brand variant — --brandColorPrimaryAlt. Used for borders and quiet panel accents in the brand-green family.\n",
        "aliases": []
      },
      {
        "id": "xbox-progress-b",
        "name": "Xbox Progress B",
        "value": "#65C914",
        "description": "Bright achievement / progress green — --xboxProgressB. Mid-stop of the progress-bar gradient.\n",
        "aliases": []
      },
      {
        "id": "xbox-progress-c",
        "name": "Xbox Progress C",
        "value": "#44B01C",
        "description": "Mid achievement / progress green — --xboxProgressC.\n",
        "aliases": []
      },
      {
        "id": "gradient-start",
        "name": "Gradient Start",
        "value": "#0A4F0A",
        "description": "Hero gradient start — --entryGradientStart. Deepest stop of the documented Xbox-green hero gradient.\n",
        "aliases": []
      },
      {
        "id": "gradient-mid",
        "name": "Gradient Mid",
        "value": "#107C10",
        "description": "Hero gradient mid — --entryGradientMid (same value as brand primary).\n",
        "aliases": []
      },
      {
        "id": "gradient-end",
        "name": "Gradient End",
        "value": "#054B16",
        "description": "Hero gradient end — --entryGradientEnd.\n",
        "aliases": []
      },
      {
        "id": "lime-stripe",
        "name": "Lime Stripe",
        "value": "#9BF00B",
        "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",
        "aliases": []
      },
      {
        "id": "ink-hero",
        "name": "Ink Hero",
        "value": "#171717",
        "description": "Primary dark hero background — --pd-hero-bg. Used for the product-detail-page hero modules.\n",
        "aliases": []
      },
      {
        "id": "ink-header",
        "name": "Ink Header",
        "value": "#201F24",
        "description": "Header chrome dark — observed as the navigation bar computed backgroundColor (rgb(32, 31, 36)).\n",
        "aliases": []
      },
      {
        "id": "ink-card",
        "name": "Ink Card",
        "value": "#333333",
        "description": "Elevated dark card surface — observed on product card backgrounds inside hero modules.\n",
        "aliases": []
      },
      {
        "id": "graphite-text",
        "name": "Graphite Text",
        "value": "#242424",
        "description": "Primary body text — --text-color (#242424). Used on the light marketing surfaces.\n",
        "aliases": []
      },
      {
        "id": "graphite-dark",
        "name": "Graphite Dark",
        "value": "#2F2F2F",
        "description": "Deep neutral — --gray-dark.\n",
        "aliases": []
      },
      {
        "id": "graphite",
        "name": "Graphite",
        "value": "#505050",
        "description": "Mid neutral — --gray.\n",
        "aliases": []
      },
      {
        "id": "paper",
        "name": "Paper",
        "value": "#FFFFFF",
        "description": "Primary light canvas — --white.\n",
        "aliases": []
      },
      {
        "id": "paper-surface",
        "name": "Paper Surface",
        "value": "#F5F5F5",
        "description": "Light elevated surface — --background-color and --color- neutral-background3.\n",
        "aliases": []
      },
      {
        "id": "paper-divider",
        "name": "Paper Divider",
        "value": "#D2D2D2",
        "description": "Quiet divider — --info (#D2D2D2). Used for borders and divider lines on light chrome.\n",
        "aliases": []
      },
      {
        "id": "status-warning",
        "name": "Status Warning",
        "value": "#FFB900",
        "description": "Warning amber — --warning, --yellow.\n",
        "aliases": []
      },
      {
        "id": "status-danger",
        "name": "Status Danger",
        "value": "#DC3545",
        "description": "Danger red — --danger, --red.\n",
        "aliases": []
      },
      {
        "id": "status-info-blue",
        "name": "Status Info Blue",
        "value": "#0067B8",
        "description": "Microsoft information blue — --blue. Inherited from the Microsoft UHF layer; appears in inline links inside the Xbox chrome.\n",
        "aliases": []
      },
      {
        "id": "status-teal",
        "name": "Status Teal",
        "value": "#008575",
        "description": "Microsoft teal — --teal. UHF status accent.\n",
        "aliases": []
      },
      {
        "id": "gamepass-pink",
        "name": "Game Pass Pink",
        "value": "#FF0088",
        "description": "Game Pass promotional CTA fill — observed on the live \"JOIN GAME PASS\" button. Not a brand primary; reserved for promotional subscription affordances.\n",
        "aliases": []
      },
      {
        "id": "hero-alert",
        "name": "Hero Alert",
        "value": "#FFD800",
        "description": "Hero-banner alert background — --pd-hero-alert-bg. Reserved for time-sensitive launch banners.\n",
        "aliases": []
      }
    ],
    "modes": {
      "light": {
        "roles": {
          "background": "paper",
          "surface": "paper-surface",
          "surface-elevated": "paper",
          "text-primary": "graphite-text",
          "text-secondary": "graphite-dark",
          "text-tertiary": "graphite",
          "primary": "xbox-green",
          "primary-hover": "xbox-green-hover",
          "accent": "xbox-green",
          "accent-hover": "xbox-green-hover",
          "warning": "status-warning",
          "warning-hover": "hero-alert",
          "error": "status-danger",
          "success": "xbox-green",
          "border": "paper-divider"
        }
      },
      "dark": {
        "roles": {
          "background": "ink-hero",
          "surface": "ink-header",
          "surface-elevated": "ink-card",
          "text-primary": "paper",
          "text-secondary": "paper-divider",
          "text-tertiary": "graphite",
          "primary": "xbox-green",
          "primary-hover": "lime-stripe",
          "accent": "lime-stripe",
          "accent-hover": "xbox-progress-b",
          "warning": "status-warning",
          "warning-hover": "hero-alert",
          "error": "status-danger",
          "success": "xbox-progress-b",
          "border": "graphite-dark"
        }
      }
    }
  },
  "fonts": [
    {
      "role": "heading",
      "ref": "segoe-ui@1.0.0",
      "family": "Segoe UI",
      "classification": "sans-serif",
      "source": {
        "kind": "system",
        "stack": [
          "Segoe UI Variable",
          "Segoe UI",
          "system-ui",
          "-apple-system",
          "BlinkMacSystemFont",
          "Helvetica Neue",
          "Arial",
          "sans-serif"
        ]
      },
      "fallbackStack": [
        "system-ui",
        "Inter",
        "Helvetica Neue",
        "Arial",
        "sans-serif"
      ],
      "availableStyles": [
        {
          "weight": 300,
          "style": "normal"
        },
        {
          "weight": 400,
          "style": "normal"
        },
        {
          "weight": 600,
          "style": "normal"
        },
        {
          "weight": 700,
          "style": "normal"
        }
      ]
    },
    {
      "role": "body",
      "ref": "segoe-ui@1.0.0",
      "family": "Segoe UI",
      "classification": "sans-serif",
      "source": {
        "kind": "system",
        "stack": [
          "Segoe UI Variable",
          "Segoe UI",
          "system-ui",
          "-apple-system",
          "BlinkMacSystemFont",
          "Helvetica Neue",
          "Arial",
          "sans-serif"
        ]
      },
      "fallbackStack": [
        "system-ui",
        "Inter",
        "Helvetica Neue",
        "Arial",
        "sans-serif"
      ],
      "availableStyles": [
        {
          "weight": 300,
          "style": "normal"
        },
        {
          "weight": 400,
          "style": "normal"
        },
        {
          "weight": 600,
          "style": "normal"
        },
        {
          "weight": 700,
          "style": "normal"
        }
      ]
    },
    {
      "role": "mono",
      "ref": "jetbrainsmono-nerdfont@1.0.0",
      "family": "JetBrainsMono Nerd Font",
      "classification": "monospace",
      "source": {
        "kind": "external",
        "family": "JetBrainsMono Nerd Font",
        "notes": "Nerd-Font-patched build of JetBrains Mono. Not available via Google Fonts. Download woff2/ttf files from the Nerd Fonts GitHub release and self-host, or install system-wide for terminal/IDE use.\n"
      },
      "fallbackStack": [
        "JetBrains Mono",
        "Fira Code",
        "Menlo",
        "Monaco",
        "Consolas",
        "Liberation Mono",
        "monospace"
      ],
      "availableStyles": [
        {
          "weight": 100,
          "style": "normal"
        },
        {
          "weight": 100,
          "style": "italic"
        },
        {
          "weight": 200,
          "style": "normal"
        },
        {
          "weight": 200,
          "style": "italic"
        },
        {
          "weight": 300,
          "style": "normal"
        },
        {
          "weight": 300,
          "style": "italic"
        },
        {
          "weight": 400,
          "style": "normal"
        },
        {
          "weight": 400,
          "style": "italic"
        },
        {
          "weight": 500,
          "style": "normal"
        },
        {
          "weight": 500,
          "style": "italic"
        },
        {
          "weight": 600,
          "style": "normal"
        },
        {
          "weight": 600,
          "style": "italic"
        },
        {
          "weight": 700,
          "style": "normal"
        },
        {
          "weight": 700,
          "style": "italic"
        },
        {
          "weight": 800,
          "style": "normal"
        },
        {
          "weight": 800,
          "style": "italic"
        }
      ]
    }
  ],
  "roles": {
    "colors": {
      "identity": "ink-hero",
      "on-identity": "xbox-green",
      "primary": "xbox-green",
      "primary-hover": "xbox-green-hover",
      "accent": "lime-stripe",
      "accent-hover": "xbox-progress-b",
      "mark": "xbox-green",
      "success": "xbox-green",
      "warning": "status-warning",
      "error": "status-danger",
      "text-primary-light": "graphite-text",
      "text-primary-dark": "paper",
      "background-light": "paper",
      "background-dark": "ink-hero",
      "surface-light": "paper-surface",
      "surface-dark": "ink-header",
      "text-secondary-light": "graphite-dark",
      "text-tertiary-light": "graphite",
      "border-light": "paper-divider"
    },
    "typography": {
      "display": "heading",
      "prose": "body",
      "code": "mono"
    }
  },
  "assets": [],
  "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
    }
  ]
}