{
  "id": "azure",
  "version": "1.0.0",
  "name": "Microsoft Azure",
  "description": "Microsoft Azure is Microsoft's public-cloud platform, providing compute, storage, networking, databases, AI/ML, identity, and developer-platform services. The Azure sub-brand is anchored on a single signature blue — Azure Blue (#0078D4), which doubles as the Microsoft Fluent Communications primary — paired with the Fluent neutral ramp and the Segoe UI typeface family inherited from the Microsoft parent brand. Where the Microsoft parent identity uses the four-square quadrant set, the Azure identity tightens to a single hue so cloud surfaces read unambiguously as Azure rather than corporate Microsoft. The voice is enterprise-clear and architecture-forward: reference-architecture diagrams, ARM/Bicep IaC, and the Azure Portal share the same chrome dialect.\n",
  "provenance": {
    "source": "https://www.microsoft.com/design/",
    "license": "Proprietary — All Rights Reserved",
    "attribution": "Microsoft, Azure, the Azure logo, Fluent, and Segoe UI are trademarks of the Microsoft group of companies. Brand colors and identity guidance documented here are derived from microsoft.com/design/, the Fluent 2 design system site (fluent2.microsoft.design), and the publicly distributed Azure architecture icon library (learn.microsoft.com/azure/architecture/ icons).\n",
    "importedDate": "2026-05-18",
    "notes": "Azure is documented as a distinct brand atom because the cloud surfaces tighten the Microsoft Fluent palette to a single signature blue, distinct from the four-square corporate logo. Azure shares the parent's Segoe UI typography. No assets are bundled here — the Azure cloud-logo glyph and the Azure wordmark are trademarked and must be retrieved from the Microsoft brand-resources site under Microsoft's stated terms.\n"
  },
  "tags": [
    "tech",
    "cloud",
    "azure",
    "microsoft",
    "fluent",
    "enterprise",
    "infrastructure"
  ],
  "palette": {
    "ref": "azure@1.0.0",
    "swatches": [
      {
        "id": "azure-blue",
        "name": "Azure Blue",
        "value": "#0078D4",
        "description": "The Azure signature blue — Microsoft Fluent's Communications primary, used on the Azure Portal chrome, the azure.microsoft.com hero, and the canonical Azure-Cloud logo fill.\n",
        "aliases": []
      },
      {
        "id": "azure-blue-dark",
        "name": "Azure Blue Dark",
        "value": "#005A9E",
        "description": "Pressed/active state for the Azure primary CTA; the deeper blue used on hover transitions in the Azure Portal.\n",
        "aliases": []
      },
      {
        "id": "azure-blue-light",
        "name": "Azure Blue Light",
        "value": "#50E6FF",
        "description": "Bright cyan accent used in Azure marketing illustrations and in the Azure Cloud icon's secondary tone.\n",
        "aliases": []
      },
      {
        "id": "azure-navy",
        "name": "Azure Navy",
        "value": "#243A5E",
        "description": "Deep navy used on Azure architecture-diagram backgrounds and Azure presentation chrome. The dark-canvas brand color.\n",
        "aliases": []
      },
      {
        "id": "azure-navy-deep",
        "name": "Azure Navy Deep",
        "value": "#0B2545",
        "description": "Darkest navy used in Azure marketing dark-mode hero compositions.\n",
        "aliases": []
      },
      {
        "id": "fluent-near-black",
        "name": "Fluent Near-Black",
        "value": "#1F1F1F",
        "description": "Fluent neutral foreground — primary text on light surfaces.",
        "aliases": []
      },
      {
        "id": "fluent-gray-160",
        "name": "Fluent Gray 160",
        "value": "#605E5C",
        "description": "Fluent neutral foreground 2 — secondary text.",
        "aliases": []
      },
      {
        "id": "fluent-gray-130",
        "name": "Fluent Gray 130",
        "value": "#8A8886",
        "description": "Fluent neutral foreground 3 — tertiary text and dividers.",
        "aliases": []
      },
      {
        "id": "fluent-gray-30",
        "name": "Fluent Gray 30",
        "value": "#EDEBE9",
        "description": "Fluent neutral background 3 — subtle surface tint.",
        "aliases": []
      },
      {
        "id": "fluent-gray-20",
        "name": "Fluent Gray 20",
        "value": "#F3F2F1",
        "description": "Fluent neutral background 2 — page-level background.",
        "aliases": []
      },
      {
        "id": "fluent-white",
        "name": "Fluent White",
        "value": "#FFFFFF",
        "description": "Base background and reversed text on chromatic surfaces.",
        "aliases": []
      },
      {
        "id": "azure-error",
        "name": "Azure Error",
        "value": "#A4262C",
        "description": "Fluent system error red — destructive / validation-failure.",
        "aliases": []
      },
      {
        "id": "azure-success",
        "name": "Azure Success",
        "value": "#107C10",
        "description": "Fluent system success green — confirmation / healthy state.",
        "aliases": []
      },
      {
        "id": "azure-warning",
        "name": "Azure Warning",
        "value": "#797673",
        "description": "Fluent system warning neutral — Azure leans on amber sparingly and instead uses a muted neutral for caution states on chrome.\n",
        "aliases": []
      }
    ],
    "modes": {
      "light": {
        "roles": {
          "background": "fluent-white",
          "surface": "fluent-gray-20",
          "surface-elevated": "fluent-white",
          "text-primary": "fluent-near-black",
          "text-secondary": "fluent-gray-160",
          "text-tertiary": "fluent-gray-130",
          "primary": "azure-blue",
          "primary-hover": "azure-blue-dark",
          "accent": "azure-blue-light",
          "accent-hover": "azure-blue",
          "warning": "azure-warning",
          "warning-hover": "azure-navy",
          "error": "azure-error",
          "success": "azure-success"
        }
      },
      "dark": {
        "roles": {
          "background": "azure-navy-deep",
          "surface": "azure-navy",
          "surface-elevated": "azure-blue-dark",
          "text-primary": "fluent-white",
          "text-secondary": "fluent-gray-30",
          "text-tertiary": "fluent-gray-130",
          "primary": "azure-blue",
          "primary-hover": "azure-blue-light",
          "accent": "azure-blue-light",
          "accent-hover": "azure-blue",
          "warning": "azure-warning",
          "warning-hover": "azure-navy",
          "error": "azure-error",
          "success": "azure-success"
        }
      }
    }
  },
  "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": "cascadiacode-nerdfont@1.0.0",
      "family": "CaskaydiaCove Nerd Font",
      "classification": "monospace",
      "source": {
        "kind": "external",
        "family": "CaskaydiaCove Nerd Font",
        "notes": "Nerd-Font-patched build of Cascadia Code (renamed CaskaydiaCove for distribution). 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": [
        "Cascadia Code",
        "JetBrains Mono",
        "Menlo",
        "Monaco",
        "Consolas",
        "Liberation Mono",
        "monospace"
      ],
      "availableStyles": [
        {
          "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"
        }
      ]
    }
  ],
  "roles": {
    "colors": {
      "identity": "azure-blue",
      "on-identity": "fluent-white",
      "primary": "azure-blue",
      "primary-hover": "azure-blue-dark",
      "accent": "azure-blue-light",
      "accent-hover": "azure-blue",
      "background": "fluent-white",
      "surface": "fluent-gray-20",
      "surface-elevated": "fluent-white",
      "text-primary": "fluent-near-black",
      "text-secondary": "fluent-gray-160",
      "text-tertiary": "fluent-gray-130",
      "chrome": "azure-navy",
      "chrome-deep": "azure-navy-deep",
      "mark": "azure-blue"
    },
    "typography": {
      "display": "heading",
      "prose": "body",
      "code": "mono"
    }
  },
  "assets": [],
  "rules": [
    {
      "type": "colorChoice",
      "target": "logo.mark.fill",
      "severity": "error",
      "rationale": "The Azure cloud-glyph fills in Azure Blue (#0078D4) with the lighter cyan accent (#50E6FF) as the secondary cloud-tone. The hover/pressed Azure Blue Dark and the Azure Navy chrome color are interactive-state and canvas tokens — never logo fills.\n",
      "allowed": [
        "azure-blue",
        "azure-blue-light"
      ],
      "forbidden": [
        "azure-blue-dark",
        "azure-navy",
        "fluent-near-black"
      ]
    },
    {
      "type": "forbiddenTreatment",
      "target": "logo",
      "severity": "error",
      "rationale": "Microsoft's brand guidelines explicitly prohibit altering the proportions, color, or orientation of the Azure mark. The cloud-glyph is part of the Azure lockup and must not be detached from the Azure wordmark on shared surfaces.\n",
      "treatments": [
        "stretched",
        "rotated",
        "recolored",
        "drop-shadow",
        "on-busy-photo",
        "cloud-detached-from-wordmark"
      ]
    },
    {
      "type": "contrastRatio",
      "target": "text-primary",
      "severity": "error",
      "rationale": "Fluent Near-Black (#1F1F1F) on Fluent White gives ~17:1 — comfortably above WCAG 2.1 Level AA. Fluent's accessibility guidance specifies AA as the floor for text-on-background pairings on Azure marketing and the Azure Portal.\n",
      "against": "background",
      "minRatio": 4.5,
      "standard": "WCAG-AA"
    },
    {
      "type": "contrastRatio",
      "target": "roles.colors.primary",
      "severity": "error",
      "rationale": "Azure Blue on Fluent White gives ~4.8:1 — clearing WCAG AA for body-sized text. Unlike many brand primaries, Azure Blue is safe for interactive labels at standard body size; the rule encodes the published Fluent guarantee.\n",
      "against": "background",
      "minRatio": 4.5,
      "standard": "WCAG-AA"
    },
    {
      "type": "compositionConstraint",
      "target": "roles.colors.primary",
      "severity": "recommendation",
      "rationale": "The canonical Azure composition is Azure Blue against Fluent White or Azure Navy, with the lighter cyan as a paired accent. Combining Azure Blue with the Fluent error red on the same composition reads as a status conflict rather than a brand signature.\n",
      "pairsWith": [
        "azure-navy",
        "fluent-white",
        "azure-blue-light"
      ],
      "doesNotPairWith": [
        "azure-error"
      ]
    },
    {
      "type": "accessibilityRequirement",
      "target": "*",
      "severity": "error",
      "rationale": "WCAG 2.1 Success Criterion 1.4.3 (Contrast Minimum) — Level AA. Fluent 2 tokens are AA-compliant by construction; the Azure Portal and azure.microsoft.com both inherit that floor.\n",
      "standard": "WCAG-AA",
      "criterion": "1.4.3"
    },
    {
      "type": "fontPairing",
      "target": "typography.heading",
      "severity": "recommendation",
      "rationale": "Azure marketing surfaces and the Azure Portal both use Segoe UI for heading and body, with a clear size differential. The Fluent type ramp preserves hierarchy through size; a 1.4× floor keeps the display-to-prose distinction intact when one family does both jobs.\n",
      "requires": "body",
      "minSizeRatio": 1.4
    },
    {
      "type": "enumMembership",
      "target": "typography.body.fontWeight",
      "severity": "recommendation",
      "rationale": "Fluent's type ramp uses Segoe UI Regular (400) and Semibold (600) for the majority of UI surfaces. Other weights exist but are reserved for specific roles (Light for hero display, Bold for emphasis).\n",
      "allowed": [
        "400",
        "600"
      ]
    }
  ]
}