{
  "id": "netflix",
  "version": "1.0.0",
  "name": "Netflix",
  "description": "Netflix, Inc. is the global subscription streaming service and studio that, since the 2007 streaming launch, has set the visual grammar for \"what a streaming service looks like.\" The brand is dark-first, cinematic, and minimal: a near-black canvas with the saturated Netflix Red wordmark and the geometric \"N\" mark used sparingly as the brand-identity anchor. The voice is confident, spare, and built around the content rather than around the product — chrome stays out of the way of the title art.\n",
  "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"
  },
  "tags": [
    "streaming",
    "entertainment",
    "netflix",
    "dark-first",
    "consumer-tech"
  ],
  "palette": {
    "ref": "netflix@1.0.0",
    "swatches": [
      {
        "id": "netflix-red",
        "name": "Netflix Red",
        "value": "#E50914",
        "description": "Primary brand red — the Netflix wordmark and mark color.",
        "aliases": []
      },
      {
        "id": "netflix-red-dark",
        "name": "Netflix Red Dark",
        "value": "#B81D24",
        "description": "Darker red used historically on the \"N\" ribbon and for hover/pressed states on the primary red.",
        "aliases": []
      },
      {
        "id": "netflix-black",
        "name": "Netflix Black",
        "value": "#000000",
        "description": "Canonical canvas — the Netflix consumer surface is solid black.",
        "aliases": []
      },
      {
        "id": "netflix-near-black",
        "name": "Netflix Near-Black",
        "value": "#141414",
        "description": "Surface color of the Netflix consumer app — rows, tiles, and modal backgrounds sit on this near-black.",
        "aliases": []
      },
      {
        "id": "netflix-charcoal",
        "name": "Netflix Charcoal",
        "value": "#221F1F",
        "description": "Elevated surface — used on hover states, expanded title cards, and modal headers in the Netflix app.",
        "aliases": []
      },
      {
        "id": "netflix-gray",
        "name": "Netflix Gray",
        "value": "#564D4D",
        "description": "Secondary text and divider color on the dark canvas.",
        "aliases": []
      },
      {
        "id": "netflix-white",
        "name": "Netflix White",
        "value": "#FFFFFF",
        "description": "Primary text on the dark canvas; reversed wordmark fill on light backgrounds.",
        "aliases": []
      },
      {
        "id": "netflix-off-white",
        "name": "Netflix Off-White",
        "value": "#F5F5F1",
        "description": "Warm off-white used for light-mode marketing surfaces and editorial pages.",
        "aliases": []
      }
    ],
    "modes": {
      "light": {
        "roles": {
          "background": "netflix-off-white",
          "surface": "netflix-white",
          "surface-elevated": "netflix-white",
          "text-primary": "netflix-black",
          "text-secondary": "netflix-charcoal",
          "text-tertiary": "netflix-gray",
          "primary": "netflix-red",
          "primary-hover": "netflix-red-dark",
          "accent": "netflix-red",
          "accent-hover": "netflix-red-dark",
          "warning": "netflix-red",
          "warning-hover": "netflix-red-dark",
          "error": "netflix-red",
          "success": "netflix-gray"
        }
      },
      "dark": {
        "roles": {
          "background": "netflix-black",
          "surface": "netflix-near-black",
          "surface-elevated": "netflix-charcoal",
          "text-primary": "netflix-white",
          "text-secondary": "netflix-off-white",
          "text-tertiary": "netflix-gray",
          "primary": "netflix-red",
          "primary-hover": "netflix-red-dark",
          "accent": "netflix-red",
          "accent-hover": "netflix-red-dark",
          "warning": "netflix-red",
          "warning-hover": "netflix-red-dark",
          "error": "netflix-red",
          "success": "netflix-white"
        }
      }
    }
  },
  "fonts": [
    {
      "role": "heading",
      "ref": "netflix-sans@1.0.0",
      "family": "Netflix Sans",
      "classification": "sans-serif",
      "source": {
        "kind": "external",
        "family": "Netflix Sans",
        "notes": "Proprietary font, no public CDN. Distributed by Netflix to authorized agencies and vendors. Any CSS @font-face declaration must reference internally hosted files under Netflix's licensing.\n"
      },
      "fallbackStack": [
        "Helvetica Neue",
        "Helvetica",
        "-apple-system",
        "BlinkMacSystemFont",
        "Segoe UI",
        "Arial",
        "sans-serif"
      ],
      "availableStyles": [
        {
          "weight": 300,
          "style": "normal"
        },
        {
          "weight": 400,
          "style": "normal"
        },
        {
          "weight": 500,
          "style": "normal"
        },
        {
          "weight": 700,
          "style": "normal"
        }
      ]
    },
    {
      "role": "body",
      "ref": "netflix-sans@1.0.0",
      "family": "Netflix Sans",
      "classification": "sans-serif",
      "source": {
        "kind": "external",
        "family": "Netflix Sans",
        "notes": "Proprietary font, no public CDN. Distributed by Netflix to authorized agencies and vendors. Any CSS @font-face declaration must reference internally hosted files under Netflix's licensing.\n"
      },
      "fallbackStack": [
        "Helvetica Neue",
        "Helvetica",
        "-apple-system",
        "BlinkMacSystemFont",
        "Segoe UI",
        "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": "netflix-black",
      "on-identity": "netflix-red",
      "background": "netflix-black",
      "surface": "netflix-near-black",
      "surface-elevated": "netflix-charcoal",
      "text-primary": "netflix-white",
      "text-secondary": "netflix-off-white",
      "text-tertiary": "netflix-gray",
      "primary": "netflix-red",
      "primary-hover": "netflix-red-dark",
      "accent": "netflix-red",
      "accent-hover": "netflix-red-dark",
      "mark": "netflix-red",
      "text-emphasis": "netflix-white",
      "text-muted": "netflix-gray"
    },
    "typography": {
      "display": "heading",
      "prose": "body",
      "wordmark": "heading",
      "code": "mono"
    }
  },
  "assets": [],
  "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
    }
  ]
}