{
  "$description": "Brand: Microsoft Azure (azure@1.0.0)",
  "color": {
    "swatches": {
      "$description": "Source-of-truth color swatches from palette azure@1.0.0",
      "azure-blue": {
        "$value": "#0078D4",
        "$type": "color",
        "$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"
      },
      "azure-blue-dark": {
        "$value": "#005A9E",
        "$type": "color",
        "$description": "Pressed/active state for the Azure primary CTA; the deeper blue used on hover transitions in the Azure Portal.\n"
      },
      "azure-blue-light": {
        "$value": "#50E6FF",
        "$type": "color",
        "$description": "Bright cyan accent used in Azure marketing illustrations and in the Azure Cloud icon's secondary tone.\n"
      },
      "azure-navy": {
        "$value": "#243A5E",
        "$type": "color",
        "$description": "Deep navy used on Azure architecture-diagram backgrounds and Azure presentation chrome. The dark-canvas brand color.\n"
      },
      "azure-navy-deep": {
        "$value": "#0B2545",
        "$type": "color",
        "$description": "Darkest navy used in Azure marketing dark-mode hero compositions.\n"
      },
      "fluent-near-black": {
        "$value": "#1F1F1F",
        "$type": "color",
        "$description": "Fluent neutral foreground — primary text on light surfaces."
      },
      "fluent-gray-160": {
        "$value": "#605E5C",
        "$type": "color",
        "$description": "Fluent neutral foreground 2 — secondary text."
      },
      "fluent-gray-130": {
        "$value": "#8A8886",
        "$type": "color",
        "$description": "Fluent neutral foreground 3 — tertiary text and dividers."
      },
      "fluent-gray-30": {
        "$value": "#EDEBE9",
        "$type": "color",
        "$description": "Fluent neutral background 3 — subtle surface tint."
      },
      "fluent-gray-20": {
        "$value": "#F3F2F1",
        "$type": "color",
        "$description": "Fluent neutral background 2 — page-level background."
      },
      "fluent-white": {
        "$value": "#FFFFFF",
        "$type": "color",
        "$description": "Base background and reversed text on chromatic surfaces."
      },
      "azure-error": {
        "$value": "#A4262C",
        "$type": "color",
        "$description": "Fluent system error red — destructive / validation-failure."
      },
      "azure-success": {
        "$value": "#107C10",
        "$type": "color",
        "$description": "Fluent system success green — confirmation / healthy state."
      },
      "azure-warning": {
        "$value": "#797673",
        "$type": "color",
        "$description": "Fluent system warning neutral — Azure leans on amber sparingly and instead uses a muted neutral for caution states on chrome.\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": [
          "CaskaydiaCove Nerd Font",
          "Cascadia Code",
          "JetBrains Mono",
          "Menlo",
          "Monaco",
          "Consolas",
          "Liberation Mono",
          "monospace"
        ],
        "$type": "fontFamily",
        "$description": "mono role → CascadiaCode Nerd Font (cascadiacode-nerdfont@1.0.0)"
      },
      "weight": {
        "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"
        },
        "$description": "Available font weights"
      }
    }
  },
  "$extensions": {
    "com.brand-atoms.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"
        ]
      }
    ],
    "com.brand-atoms.assets": [],
    "com.brand-atoms.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"
    },
    "com.brand-atoms.references": {
      "palette": "azure@1.0.0",
      "fonts": {
        "heading": "segoe-ui@1.0.0",
        "body": "segoe-ui@1.0.0",
        "mono": "cascadiacode-nerdfont@1.0.0"
      }
    }
  }
}