{
  "$description": "Brand: Meta (meta@1.0.0)",
  "color": {
    "swatches": {
      "$description": "Source-of-truth color swatches from palette meta@1.0.0",
      "meta-blue": {
        "$value": "#0668E1",
        "$type": "color",
        "$description": "Primary Meta brand blue — the Meta wordmark and corporate mark color."
      },
      "meta-blue-dark": {
        "$value": "#1877F2",
        "$type": "color",
        "$description": "Facebook product blue — adjacent Meta brand-family color; used on Facebook product surfaces."
      },
      "meta-vivid-blue": {
        "$value": "#0064E0",
        "$type": "color",
        "$description": "Vivid blue from the Meta gradient palette — used in motion and editorial accent."
      },
      "meta-vivid-green": {
        "$value": "#00C853",
        "$type": "color",
        "$description": "Vivid green from the Meta corporate gradient palette."
      },
      "meta-vivid-red": {
        "$value": "#F02849",
        "$type": "color",
        "$description": "Vivid red from the Meta corporate gradient palette."
      },
      "meta-vivid-purple": {
        "$value": "#7E4BFF",
        "$type": "color",
        "$description": "Vivid purple from the Meta corporate gradient palette."
      },
      "meta-black": {
        "$value": "#000000",
        "$type": "color",
        "$description": "Headline ink and dark-mode canvas."
      },
      "meta-ink": {
        "$value": "#1C2B33",
        "$type": "color",
        "$description": "Primary text on light surfaces — softer than pure black."
      },
      "meta-gray": {
        "$value": "#65676B",
        "$type": "color",
        "$description": "Secondary text and metadata on the light canvas."
      },
      "meta-gray-light": {
        "$value": "#8A8D91",
        "$type": "color",
        "$description": "Tertiary text and dividers."
      },
      "meta-surface": {
        "$value": "#F0F2F5",
        "$type": "color",
        "$description": "Quiet surface — Facebook-family content cards and feed backgrounds."
      },
      "meta-white": {
        "$value": "#FFFFFF",
        "$type": "color",
        "$description": "Primary canvas on light corporate surfaces."
      }
    }
  },
  "font": {
    "$description": "Typography roles mapped to font atoms",
    "heading": {
      "family": {
        "$value": [
          "Meta Sans",
          "Inter",
          "-apple-system",
          "BlinkMacSystemFont",
          "Segoe UI",
          "Helvetica Neue",
          "Arial",
          "sans-serif"
        ],
        "$type": "fontFamily",
        "$description": "heading role → Meta Sans (meta-sans@1.0.0)"
      },
      "weight": {
        "300": {
          "$value": 300,
          "$type": "fontWeight"
        },
        "400": {
          "$value": 400,
          "$type": "fontWeight"
        },
        "500": {
          "$value": 500,
          "$type": "fontWeight"
        },
        "700": {
          "$value": 700,
          "$type": "fontWeight"
        },
        "$description": "Available font weights"
      }
    },
    "body": {
      "family": {
        "$value": [
          "Meta Sans",
          "Inter",
          "-apple-system",
          "BlinkMacSystemFont",
          "Segoe UI",
          "Helvetica Neue",
          "Arial",
          "sans-serif"
        ],
        "$type": "fontFamily",
        "$description": "body role → Meta Sans (meta-sans@1.0.0)"
      },
      "weight": {
        "300": {
          "$value": 300,
          "$type": "fontWeight"
        },
        "400": {
          "$value": 400,
          "$type": "fontWeight"
        },
        "500": {
          "$value": 500,
          "$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": "logo.wordmark.fill",
        "severity": "error",
        "rationale": "The Meta corporate wordmark renders in Meta Blue, white, or black. The vivid secondary palette is for accent and motion use, not as a wordmark fill; meta-blue-dark is the Facebook product blue, not the Meta corporate mark.\n",
        "allowed": [
          "meta-blue",
          "meta-white",
          "meta-black"
        ],
        "forbidden": [
          "meta-blue-dark",
          "meta-vivid-purple",
          "meta-vivid-green",
          "meta-vivid-red"
        ]
      },
      {
        "type": "forbiddenTreatment",
        "target": "logo",
        "severity": "error",
        "rationale": "The Meta wordmark and infinity mark carry strict clearspace and color rules across the Meta corporate brand system. Apply only the approved variants; do not derive new color treatments from the vivid secondary palette.\n",
        "treatments": [
          "stretched",
          "rotated",
          "recolored",
          "drop-shadow",
          "on-busy-photo",
          "inverted-without-variant"
        ]
      },
      {
        "type": "contrastRatio",
        "target": "text-primary",
        "severity": "error",
        "rationale": "Meta Ink on Meta White gives ~16:1 — well above WCAG 2.1 Level AA. The rule encodes the floor for any new foreground/background pairing on Meta corporate surfaces.\n",
        "against": "background",
        "minRatio": 4.5,
        "standard": "WCAG-AA"
      },
      {
        "type": "contrastRatio",
        "target": "roles.colors.primary",
        "severity": "error",
        "rationale": "Meta Blue on Meta White must remain perceptible at link and interactive sizes. Falling below 3:1 (AA-large) breaks the affordance of primary actions on the light corporate canvas.\n",
        "against": "background",
        "minRatio": 3,
        "standard": "WCAG-AA-large"
      },
      {
        "type": "contextRestriction",
        "target": "roles.colors.accent",
        "severity": "error",
        "rationale": "Meta Vivid Purple is part of the expressive secondary palette, used for editorial accent and motion. It is not the error color (Meta Vivid Red plays that role) and does not belong in body copy where it competes with the blue primary.\n",
        "forbiddenContexts": [
          "body-text",
          "validation-failure",
          "destructive-action"
        ]
      },
      {
        "type": "enumMembership",
        "target": "typography.heading.fontWeight",
        "severity": "warning",
        "rationale": "Meta Sans headlines on the corporate brand surfaces use Medium (500) and Bold (700). Lighter weights read as body copy; heavier than 700 is outside the documented kit.\n",
        "allowed": [
          "500",
          "700"
        ]
      },
      {
        "type": "accessibilityRequirement",
        "target": "*",
        "severity": "error",
        "rationale": "WCAG 2.1 Success Criterion 1.4.3 (Contrast Minimum) — Level AA. Meta's accessibility commitments make AA the floor for any new role pairing introduced on Meta corporate surfaces.\n",
        "standard": "WCAG-AA",
        "criterion": "1.4.3"
      },
      {
        "type": "compositionConstraint",
        "target": "roles.colors.primary",
        "severity": "recommendation",
        "rationale": "Meta Blue (#0668E1) and Facebook product blue (#1877F2) are deliberately distinct — pairing them on the same surface creates a two-blue muddle that reads as a brand- hierarchy error.\n",
        "pairsWith": [
          "meta-vivid-purple",
          "meta-vivid-green"
        ],
        "doesNotPairWith": [
          "meta-blue-dark"
        ]
      },
      {
        "type": "fontPairing",
        "target": "typography.heading",
        "severity": "warning",
        "rationale": "Meta's corporate marketing headlines run materially larger than body copy. A 1.5× floor preserves the display-to- prose hierarchy the corporate voice depends on.\n",
        "requires": "body",
        "minSizeRatio": 1.5
      }
    ],
    "com.brand-atoms.assets": [],
    "com.brand-atoms.provenance": {
      "source": "https://about.meta.com/brand/",
      "license": "Proprietary — All Rights Reserved",
      "attribution": "Meta Platforms, Inc. — Meta, the Meta wordmark, the Meta \"infinity\" mark, and Meta Sans are registered trademarks of Meta Platforms, Inc. This atom captures brand-atoms' read of Meta's publicly available brand site and press kit; it is not an official Meta brand-guidelines document.\n",
      "importedDate": "2026-05-17",
      "notes": "The Meta corporate brand is light-mode-first (in contrast to Facebook and Instagram product surfaces, which run dark themes alongside light). The vivid secondary palette documented here is the Meta corporate gradient-family used across motion, identity videos, and editorial accents.\n"
    },
    "com.brand-atoms.references": {
      "palette": "meta@1.0.0",
      "fonts": {
        "heading": "meta-sans@1.0.0",
        "body": "meta-sans@1.0.0",
        "mono": "jetbrainsmono-nerdfont@1.0.0"
      }
    }
  }
}