{
  "id": "meta",
  "version": "1.0.0",
  "name": "Meta",
  "description": "Meta Platforms, Inc. is the parent company that operates Facebook, Instagram, WhatsApp, Messenger, Quest, and the broader Reality Labs portfolio. The corporate Meta brand was introduced in October 2021 and sits above the product brands as a unifying identity — a confident blue wordmark, an \"infinity\" mark, and a vivid multi-color expressive palette used across motion, marketing, and metaverse-adjacent surfaces. The voice is optimistic, technology-forward, and aspirational.\n",
  "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"
  },
  "tags": [
    "tech",
    "social",
    "meta",
    "blue",
    "corporate",
    "parent-brand"
  ],
  "palette": {
    "ref": "meta@1.0.0",
    "swatches": [
      {
        "id": "meta-blue",
        "name": "Meta Blue",
        "value": "#0668E1",
        "description": "Primary Meta brand blue — the Meta wordmark and corporate mark color.",
        "aliases": []
      },
      {
        "id": "meta-blue-dark",
        "name": "Meta Blue Dark",
        "value": "#1877F2",
        "description": "Facebook product blue — adjacent Meta brand-family color; used on Facebook product surfaces.",
        "aliases": []
      },
      {
        "id": "meta-vivid-blue",
        "name": "Meta Vivid Blue",
        "value": "#0064E0",
        "description": "Vivid blue from the Meta gradient palette — used in motion and editorial accent.",
        "aliases": []
      },
      {
        "id": "meta-vivid-green",
        "name": "Meta Vivid Green",
        "value": "#00C853",
        "description": "Vivid green from the Meta corporate gradient palette.",
        "aliases": []
      },
      {
        "id": "meta-vivid-red",
        "name": "Meta Vivid Red",
        "value": "#F02849",
        "description": "Vivid red from the Meta corporate gradient palette.",
        "aliases": []
      },
      {
        "id": "meta-vivid-purple",
        "name": "Meta Vivid Purple",
        "value": "#7E4BFF",
        "description": "Vivid purple from the Meta corporate gradient palette.",
        "aliases": []
      },
      {
        "id": "meta-black",
        "name": "Meta Black",
        "value": "#000000",
        "description": "Headline ink and dark-mode canvas.",
        "aliases": []
      },
      {
        "id": "meta-ink",
        "name": "Meta Ink",
        "value": "#1C2B33",
        "description": "Primary text on light surfaces — softer than pure black.",
        "aliases": []
      },
      {
        "id": "meta-gray",
        "name": "Meta Gray",
        "value": "#65676B",
        "description": "Secondary text and metadata on the light canvas.",
        "aliases": []
      },
      {
        "id": "meta-gray-light",
        "name": "Meta Gray Light",
        "value": "#8A8D91",
        "description": "Tertiary text and dividers.",
        "aliases": []
      },
      {
        "id": "meta-surface",
        "name": "Meta Surface",
        "value": "#F0F2F5",
        "description": "Quiet surface — Facebook-family content cards and feed backgrounds.",
        "aliases": []
      },
      {
        "id": "meta-white",
        "name": "Meta White",
        "value": "#FFFFFF",
        "description": "Primary canvas on light corporate surfaces.",
        "aliases": []
      }
    ],
    "modes": {
      "light": {
        "roles": {
          "background": "meta-white",
          "surface": "meta-surface",
          "surface-elevated": "meta-white",
          "text-primary": "meta-ink",
          "text-secondary": "meta-gray",
          "text-tertiary": "meta-gray-light",
          "primary": "meta-blue",
          "primary-hover": "meta-vivid-blue",
          "accent": "meta-vivid-purple",
          "accent-hover": "meta-vivid-blue",
          "warning": "meta-vivid-red",
          "warning-hover": "meta-vivid-red",
          "error": "meta-vivid-red",
          "success": "meta-vivid-green"
        }
      },
      "dark": {
        "roles": {
          "background": "meta-black",
          "surface": "meta-ink",
          "surface-elevated": "meta-gray",
          "text-primary": "meta-white",
          "text-secondary": "meta-surface",
          "text-tertiary": "meta-gray-light",
          "primary": "meta-blue",
          "primary-hover": "meta-blue-dark",
          "accent": "meta-vivid-purple",
          "accent-hover": "meta-vivid-blue",
          "warning": "meta-vivid-red",
          "warning-hover": "meta-vivid-red",
          "error": "meta-vivid-red",
          "success": "meta-vivid-green"
        }
      }
    }
  },
  "fonts": [
    {
      "role": "heading",
      "ref": "meta-sans@1.0.0",
      "family": "Meta Sans",
      "classification": "sans-serif",
      "source": {
        "kind": "external",
        "family": "Meta Sans",
        "notes": "Proprietary font, no public CDN. Distributed by Meta to authorized agencies and vendors. Any @font-face declaration must reference internally hosted files under Meta's licensing.\n"
      },
      "fallbackStack": [
        "Inter",
        "-apple-system",
        "BlinkMacSystemFont",
        "Segoe UI",
        "Helvetica Neue",
        "Arial",
        "sans-serif"
      ],
      "availableStyles": [
        {
          "weight": 300,
          "style": "normal"
        },
        {
          "weight": 400,
          "style": "normal"
        },
        {
          "weight": 500,
          "style": "normal"
        },
        {
          "weight": 700,
          "style": "normal"
        }
      ]
    },
    {
      "role": "body",
      "ref": "meta-sans@1.0.0",
      "family": "Meta Sans",
      "classification": "sans-serif",
      "source": {
        "kind": "external",
        "family": "Meta Sans",
        "notes": "Proprietary font, no public CDN. Distributed by Meta to authorized agencies and vendors. Any @font-face declaration must reference internally hosted files under Meta's licensing.\n"
      },
      "fallbackStack": [
        "Inter",
        "-apple-system",
        "BlinkMacSystemFont",
        "Segoe UI",
        "Helvetica Neue",
        "Arial",
        "sans-serif"
      ],
      "availableStyles": [
        {
          "weight": 300,
          "style": "normal"
        },
        {
          "weight": 400,
          "style": "normal"
        },
        {
          "weight": 500,
          "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": "meta-blue",
      "on-identity": "meta-white",
      "background": "meta-white",
      "surface": "meta-surface",
      "surface-elevated": "meta-white",
      "text-primary": "meta-ink",
      "text-secondary": "meta-gray",
      "text-tertiary": "meta-gray-light",
      "primary": "meta-blue",
      "primary-hover": "meta-vivid-blue",
      "accent": "meta-vivid-purple",
      "accent-hover": "meta-vivid-blue",
      "mark": "meta-blue",
      "text-emphasis": "meta-ink",
      "text-muted": "meta-gray"
    },
    "typography": {
      "display": "heading",
      "prose": "body",
      "wordmark": "heading",
      "code": "mono"
    }
  },
  "assets": [],
  "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
    }
  ]
}