{
  "$description": "Brand: Outlook (outlook@1.0.0)",
  "color": {
    "swatches": {
      "$description": "Source-of-truth color swatches from palette outlook@1.0.0",
      "outlook-deep-blue": {
        "$value": "#2A446F",
        "$type": "color",
        "$description": "The outer-envelope navy. Captured from the SVG fill on the Outlook logo on outlook.live.com. The dominant identity hue of the Outlook mark.\n"
      },
      "outlook-action-blue": {
        "$value": "#0066FF",
        "$type": "color",
        "$description": "The \"O\" ring on the Outlook envelope and the brand's vibrant mid-blue. Used on the live product surface for the logo letter-mark fill.\n"
      },
      "outlook-sky": {
        "$value": "#B3DAF0",
        "$type": "color",
        "$description": "The pale-blue envelope flap on the Outlook mark. A light-tint accent that softens the deep-navy outer fill.\n"
      },
      "communications-blue": {
        "$value": "#0078D4",
        "$type": "color",
        "$description": "Microsoft's Fluent system primary, inherited from the Microsoft parent. The canonical CTA / link affordance across Outlook product chrome.\n"
      },
      "outlook-link-blue": {
        "$value": "#0067B8",
        "$type": "color",
        "$description": "The action-text blue captured from outlook.live.com — Fluent's darker brand variant used for links and primary buttons on light surfaces, where #0078D4 would lose AA contrast on small type.\n"
      },
      "outlook-ink": {
        "$value": "#17253D",
        "$type": "color",
        "$description": "Primary text and heading color, captured from the live product. A deep navy-tinged near-black that pairs with the envelope-deep-blue identity hue.\n"
      },
      "outlook-near-black": {
        "$value": "#1F1F1F",
        "$type": "color",
        "$description": "Fluent's soft near-black for body text on light surfaces."
      },
      "outlook-gray-160": {
        "$value": "#605E5C",
        "$type": "color",
        "$description": "Secondary text and inactive UI (Fluent Neutral Foreground 2), inherited from the Microsoft parent.\n"
      },
      "outlook-gray-30": {
        "$value": "#EDEBE9",
        "$type": "color",
        "$description": "Subtle surface tint (Fluent Neutral Background 3)."
      },
      "outlook-canvas": {
        "$value": "#FFFDFB",
        "$type": "color",
        "$description": "The warm-white inbox canvas captured from outlook.live.com. A barely-off-white surface that reduces eye-strain on long reading sessions.\n"
      },
      "outlook-white": {
        "$value": "#FFFFFF",
        "$type": "color",
        "$description": "Base background and reversed text on chromatic surfaces."
      }
    }
  },
  "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.envelope-mark",
        "severity": "error",
        "rationale": "The Outlook envelope-with-O mark uses exactly four fills — Deep Blue (#2A446F) outer, Sky (#B3DAF0) flap, Action Blue (#0066FF) on the \"O\" ring, and white negative space. Communications Blue (#0078D4) is the Fluent system primary for product chrome and link affordances, not a logo fill — substituting it muddies the envelope's intentional contrast between deep navy and bright \"O\".\n",
        "allowed": [
          "outlook-deep-blue",
          "outlook-sky",
          "outlook-action-blue",
          "outlook-white"
        ],
        "forbidden": [
          "communications-blue",
          "outlook-ink"
        ]
      },
      {
        "type": "forbiddenTreatment",
        "target": "logo",
        "severity": "error",
        "rationale": "Microsoft's brand guidelines explicitly prohibit altering the proportions, colors, or arrangement of the Outlook envelope mark. The \"O\" and the envelope are a unified mark — separating them, or reverting to the pre-2018 wireframe envelope, breaks brand recognition.\n",
        "treatments": [
          "stretched",
          "rotated",
          "recolored",
          "drop-shadow",
          "on-busy-photo",
          "separated-envelope-and-o",
          "reverted-to-old-blue-envelope"
        ]
      },
      {
        "type": "contrastRatio",
        "target": "text-primary",
        "severity": "error",
        "rationale": "WCAG 2.1 Level AA contrast requirement for body text. Outlook Ink (#17253D) on Outlook Canvas (#FFFDFB) clears AA at ~15:1, matching Fluent's accessibility floor for text-on-background pairings.\n",
        "against": "background",
        "minRatio": 4.5,
        "standard": "WCAG-AA"
      },
      {
        "type": "contrastRatio",
        "target": "roles.colors.primary",
        "severity": "error",
        "rationale": "Outlook Link Blue (#0067B8) on Outlook Canvas clears AA at ~5.3:1 — the live product uses #0067B8 in place of the lighter #0078D4 Communications Blue specifically because #0078D4 on a warm-white canvas drops below 4.5:1 for small body-text links.\n",
        "against": "background",
        "minRatio": 4.5,
        "standard": "WCAG-AA"
      },
      {
        "type": "colorChoice",
        "target": "roles.colors.primary",
        "severity": "error",
        "rationale": "Primary action affordances (Compose, Send, link text) must use one of the two Fluent / Outlook system blues. The brighter Action Blue (#0066FF) is reserved for the envelope-mark \"O\" ring; the deep-navy envelope outer is identity-only and lacks the affordance signal for \"clickable.\"\n",
        "allowed": [
          "outlook-link-blue",
          "communications-blue"
        ],
        "forbidden": [
          "outlook-action-blue",
          "outlook-deep-blue"
        ]
      },
      {
        "type": "compositionConstraint",
        "target": "roles.colors.identity",
        "severity": "recommendation",
        "rationale": "The deep-navy envelope reads cleanest against white or against its own pale-blue flap. Pairing the navy outer with the bright Action Blue \"O\" at large scale (without the envelope context) reads as two competing blues fighting for hierarchy.\n",
        "pairsWith": [
          "outlook-white",
          "outlook-canvas",
          "outlook-sky"
        ],
        "doesNotPairWith": [
          "outlook-action-blue"
        ]
      },
      {
        "type": "fontPairing",
        "target": "typography.heading",
        "severity": "recommendation",
        "rationale": "Outlook inherits Fluent's Segoe UI for both heading and body. A 1.4× minimum size ratio preserves hierarchy when one family does double duty — Fluent's type ramp runs from Caption (~12px) to Title (~32px+), and Outlook's product chrome uses the same scale.\n",
        "requires": "body",
        "minSizeRatio": 1.4
      },
      {
        "type": "enumMembership",
        "target": "typography.body.fontWeight",
        "severity": "recommendation",
        "rationale": "Outlook inherits Fluent's type-weight discipline — Segoe UI Regular (400) and Semibold (600) for the majority of UI surfaces. Lighter and heavier weights 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/fluent/",
      "license": "Proprietary — All Rights Reserved",
      "attribution": "Outlook, the Outlook envelope-with-O mark, Microsoft, 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 at fluent2.microsoft.design, and the live Outlook product surface at outlook.live.com.\n",
      "importedDate": "2026-05-18",
      "notes": "Outlook inherits from the Microsoft Fluent design language; see brands/microsoft/1.0.0. Identity role uses the Outlook envelope mark colors specifically. This atom is brand-atoms' read of public Outlook surfaces; it is not an official Microsoft brand document. The Outlook mark is among the most-protected trademarks on the internet; no asset files are bundled here. Outlook's primary typeface is Segoe UI (referenced via segoe-ui@1).\n"
    },
    "com.brand-atoms.references": {
      "palette": "outlook@1.0.0",
      "fonts": {
        "heading": "segoe-ui@1.0.0",
        "body": "segoe-ui@1.0.0",
        "mono": "cascadiacode-nerdfont@1.0.0"
      }
    }
  }
}