{
  "$description": "Brand: Netflix (netflix@1.0.0)",
  "color": {
    "swatches": {
      "$description": "Source-of-truth color swatches from palette netflix@1.0.0",
      "netflix-red": {
        "$value": "#E50914",
        "$type": "color",
        "$description": "Primary brand red — the Netflix wordmark and mark color."
      },
      "netflix-red-dark": {
        "$value": "#B81D24",
        "$type": "color",
        "$description": "Darker red used historically on the \"N\" ribbon and for hover/pressed states on the primary red."
      },
      "netflix-black": {
        "$value": "#000000",
        "$type": "color",
        "$description": "Canonical canvas — the Netflix consumer surface is solid black."
      },
      "netflix-near-black": {
        "$value": "#141414",
        "$type": "color",
        "$description": "Surface color of the Netflix consumer app — rows, tiles, and modal backgrounds sit on this near-black."
      },
      "netflix-charcoal": {
        "$value": "#221F1F",
        "$type": "color",
        "$description": "Elevated surface — used on hover states, expanded title cards, and modal headers in the Netflix app."
      },
      "netflix-gray": {
        "$value": "#564D4D",
        "$type": "color",
        "$description": "Secondary text and divider color on the dark canvas."
      },
      "netflix-white": {
        "$value": "#FFFFFF",
        "$type": "color",
        "$description": "Primary text on the dark canvas; reversed wordmark fill on light backgrounds."
      },
      "netflix-off-white": {
        "$value": "#F5F5F1",
        "$type": "color",
        "$description": "Warm off-white used for light-mode marketing surfaces and editorial pages."
      }
    }
  },
  "font": {
    "$description": "Typography roles mapped to font atoms",
    "heading": {
      "family": {
        "$value": [
          "Netflix Sans",
          "Helvetica Neue",
          "Helvetica",
          "-apple-system",
          "BlinkMacSystemFont",
          "Segoe UI",
          "Arial",
          "sans-serif"
        ],
        "$type": "fontFamily",
        "$description": "heading role → Netflix Sans (netflix-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": [
          "Netflix Sans",
          "Helvetica Neue",
          "Helvetica",
          "-apple-system",
          "BlinkMacSystemFont",
          "Segoe UI",
          "Arial",
          "sans-serif"
        ],
        "$type": "fontFamily",
        "$description": "body role → Netflix Sans (netflix-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 Netflix wordmark renders only in Netflix Red, white, or black per the public brand assets. The dark-red hover color and gray tones are interactive-state values for product surfaces, not wordmark fills.\n",
        "allowed": [
          "netflix-red",
          "netflix-white",
          "netflix-black"
        ],
        "forbidden": [
          "netflix-red-dark",
          "netflix-gray",
          "netflix-off-white"
        ]
      },
      {
        "type": "forbiddenTreatment",
        "target": "logo",
        "severity": "error",
        "rationale": "The Netflix wordmark and \"N\" mark are among the most-policed commercial marks in the world. Apply only Netflix-approved variants with adequate clearspace; never render the red wordmark over a busy photographic background where it loses legibility.\n",
        "treatments": [
          "stretched",
          "rotated",
          "recolored",
          "drop-shadow",
          "on-busy-photo",
          "inverted-without-variant",
          "red-on-busy-background"
        ]
      },
      {
        "type": "contrastRatio",
        "target": "text-primary",
        "severity": "error",
        "rationale": "Netflix White on Netflix Black gives ~21:1 — well above WCAG 2.1 Level AA. The rule encodes the floor for any new foreground/background pairing introduced on Netflix surfaces.\n",
        "against": "background",
        "minRatio": 4.5,
        "standard": "WCAG-AA"
      },
      {
        "type": "contrastRatio",
        "target": "roles.colors.primary",
        "severity": "error",
        "rationale": "Netflix Red on Netflix Black must remain perceptible at interactive sizes. Falling below 3:1 (AA-large) breaks the interactive affordance of the primary CTA.\n",
        "against": "background",
        "minRatio": 3,
        "standard": "WCAG-AA-large"
      },
      {
        "type": "enumMembership",
        "target": "typography.heading.fontWeight",
        "severity": "warning",
        "rationale": "The Netflix Sans corporate weights most commonly seen on headlines and the wordmark are Medium (500) and Bold (700). Lighter cuts compromise the marketing voice; heavier cuts are outside the standard kit.\n",
        "allowed": [
          "500",
          "700"
        ]
      },
      {
        "type": "contextRestriction",
        "target": "roles.colors.primary",
        "severity": "error",
        "rationale": "Netflix Red is reserved for the brand mark and primary action. Using it inside body copy or for secondary links dilutes the signature accent and weakens the visual hierarchy Netflix's brand depends on.\n",
        "forbiddenContexts": [
          "body-text",
          "secondary-link"
        ]
      },
      {
        "type": "accessibilityRequirement",
        "target": "*",
        "severity": "error",
        "rationale": "WCAG 2.1 Success Criterion 1.4.3 (Contrast Minimum) — Level AA. The dark-first canvas makes contrast checks the default verification on any new role pairing.\n",
        "standard": "WCAG-AA",
        "criterion": "1.4.3"
      },
      {
        "type": "fontPairing",
        "target": "typography.heading",
        "severity": "warning",
        "rationale": "Netflix's marketing headlines run substantially larger than body copy. A 1.6× minimum size ratio preserves the cinematic display-to-prose hierarchy the brand voice depends on.\n",
        "requires": "body",
        "minSizeRatio": 1.6
      }
    ],
    "com.brand-atoms.assets": [],
    "com.brand-atoms.provenance": {
      "source": "https://brand.netflix.com/",
      "license": "Proprietary — All Rights Reserved",
      "attribution": "Netflix, Inc. — Netflix, the Netflix wordmark, the Netflix \"N\" mark, and Netflix Sans are registered trademarks of Netflix, Inc. This atom captures brand-atoms' read of Netflix's publicly available brand assets and press kit; it is not an official Netflix brand-guidelines document.\n",
      "importedDate": "2026-05-17",
      "notes": "Netflix's brand operates on a small, disciplined system: one red, one black, one proprietary typeface, and a wordmark that almost never deviates. The forbidden-treatment rules below encode the most consistently policed elements of that system.\n"
    },
    "com.brand-atoms.references": {
      "palette": "netflix@1.0.0",
      "fonts": {
        "heading": "netflix-sans@1.0.0",
        "body": "netflix-sans@1.0.0",
        "mono": "jetbrainsmono-nerdfont@1.0.0"
      }
    }
  }
}