{
  "id": "disney-plus",
  "version": "1.0.0",
  "name": "Disney+",
  "description": "Disney+ is The Walt Disney Company's subscription streaming service, launched in November 2019 as the consumer home for Disney, Pixar, Marvel, Star Wars, and National Geographic libraries. The brand is dark-first, cinematic, and unmistakably Disney: a deep navy canvas with the saturated Disney+ Blue carrying the wordmark and its iconic arced \"D.\" The voice is content-forward and family-broad — chrome stays out of the way of the title art, and the brand identity reads as the frame around the storytelling.\n",
  "provenance": {
    "source": "https://thewaltdisneycompany.com/dis/",
    "license": "Proprietary — All Rights Reserved",
    "attribution": "The Walt Disney Company — Disney+, the Disney+ wordmark, and the arced \"D\" mark are registered trademarks of Disney Enterprises, Inc. The signature Disney+ Blue (#113CCF) and the deep-navy canvas (#01153E) are documented across Disney+'s public brand- surface stylesheets and the deployed disneyplus.com hero treatments. ABC Diatype is the proprietary corporate typeface; Inter is referenced here as the open-source fallback.\n",
    "importedDate": "2026-05-18",
    "notes": "ABC Diatype (licensed from Dinamo) is the corporate brand face Disney+ uses across marketing surfaces. It is a commercial proprietary face and not distributable through this catalog. Inter is referenced as the open-source fallback and ABC Diatype is noted as the proprietary primary in provenance.\n"
  },
  "tags": [
    "streaming",
    "entertainment",
    "disney",
    "disney-plus",
    "dark-first",
    "consumer-tech"
  ],
  "palette": {
    "ref": "disney-plus@1.0.0",
    "swatches": [
      {
        "id": "disney-plus-blue",
        "name": "Disney+ Blue",
        "value": "#113CCF",
        "description": "Primary signature blue — the Disney+ wordmark fill, the arc on the \"D,\" and primary CTAs.",
        "aliases": []
      },
      {
        "id": "disney-plus-blue-bright",
        "name": "Disney+ Blue Bright",
        "value": "#1F80E0",
        "description": "Brighter cyan-blue used on hover/highlight states and as the secondary brand-gradient accent.",
        "aliases": []
      },
      {
        "id": "disney-plus-blue-deep",
        "name": "Disney+ Blue Deep",
        "value": "#0B2BA0",
        "description": "Deep blue used on pressed states and as the dark-end of the brand gradient.",
        "aliases": []
      },
      {
        "id": "disney-plus-navy",
        "name": "Disney+ Navy",
        "value": "#01153E",
        "description": "Canonical canvas — the deep navy that frames the Disney+ consumer surface.",
        "aliases": []
      },
      {
        "id": "disney-plus-navy-elevated",
        "name": "Disney+ Navy Elevated",
        "value": "#0B1E4F",
        "description": "Elevated surface — tiles, modal headers, and expanded title cards sit on this slightly lifted navy.",
        "aliases": []
      },
      {
        "id": "disney-plus-near-black",
        "name": "Disney+ Near-Black",
        "value": "#0A0E1A",
        "description": "Near-black used for the highest-contrast surfaces and for the title-art frame.",
        "aliases": []
      },
      {
        "id": "disney-plus-white",
        "name": "Disney+ White",
        "value": "#FFFFFF",
        "description": "Primary text on the dark canvas; reversed wordmark fill on light backgrounds.",
        "aliases": []
      },
      {
        "id": "disney-plus-fog",
        "name": "Disney+ Fog",
        "value": "#F5F7FA",
        "description": "Authored light-mode canvas — used for marketing surfaces that require a light treatment.",
        "aliases": []
      },
      {
        "id": "disney-plus-graphite",
        "name": "Disney+ Graphite",
        "value": "#5A6478",
        "description": "Secondary text on light backgrounds; tertiary text on dark.",
        "aliases": []
      },
      {
        "id": "disney-plus-gray",
        "name": "Disney+ Gray",
        "value": "#A2A9B8",
        "description": "Tertiary text and metadata in the consumer product.",
        "aliases": []
      }
    ],
    "modes": {
      "light": {
        "roles": {
          "background": "disney-plus-fog",
          "surface": "disney-plus-white",
          "surface-elevated": "disney-plus-white",
          "text-primary": "disney-plus-navy",
          "text-secondary": "disney-plus-graphite",
          "text-tertiary": "disney-plus-gray",
          "primary": "disney-plus-blue",
          "primary-hover": "disney-plus-blue-deep",
          "accent": "disney-plus-blue-bright",
          "accent-hover": "disney-plus-blue",
          "warning": "disney-plus-blue-bright",
          "warning-hover": "disney-plus-blue",
          "error": "disney-plus-blue-deep",
          "success": "disney-plus-blue-bright"
        }
      },
      "dark": {
        "roles": {
          "background": "disney-plus-navy",
          "surface": "disney-plus-navy-elevated",
          "surface-elevated": "disney-plus-near-black",
          "text-primary": "disney-plus-white",
          "text-secondary": "disney-plus-gray",
          "text-tertiary": "disney-plus-graphite",
          "primary": "disney-plus-blue-bright",
          "primary-hover": "disney-plus-blue",
          "accent": "disney-plus-blue-bright",
          "accent-hover": "disney-plus-blue",
          "warning": "disney-plus-blue-bright",
          "warning-hover": "disney-plus-blue",
          "error": "disney-plus-blue-bright",
          "success": "disney-plus-blue-bright"
        }
      }
    }
  },
  "fonts": [
    {
      "role": "heading",
      "ref": "inter@1.0.0",
      "family": "Inter",
      "classification": "sans-serif",
      "source": {
        "kind": "google-fonts",
        "family": "Inter",
        "url": "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap"
      },
      "fallbackStack": [
        "-apple-system",
        "BlinkMacSystemFont",
        "Segoe UI",
        "Roboto",
        "Helvetica Neue",
        "Arial",
        "sans-serif"
      ],
      "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"
        },
        {
          "weight": 900,
          "style": "normal"
        },
        {
          "weight": 900,
          "style": "italic"
        }
      ]
    },
    {
      "role": "body",
      "ref": "inter@1.0.0",
      "family": "Inter",
      "classification": "sans-serif",
      "source": {
        "kind": "google-fonts",
        "family": "Inter",
        "url": "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap"
      },
      "fallbackStack": [
        "-apple-system",
        "BlinkMacSystemFont",
        "Segoe UI",
        "Roboto",
        "Helvetica Neue",
        "Arial",
        "sans-serif"
      ],
      "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"
        },
        {
          "weight": 900,
          "style": "normal"
        },
        {
          "weight": 900,
          "style": "italic"
        }
      ]
    },
    {
      "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": "disney-plus-navy",
      "on-identity": "disney-plus-white",
      "background": "disney-plus-navy",
      "surface": "disney-plus-navy-elevated",
      "surface-elevated": "disney-plus-near-black",
      "text-primary": "disney-plus-white",
      "text-secondary": "disney-plus-gray",
      "text-tertiary": "disney-plus-graphite",
      "primary": "disney-plus-blue-bright",
      "primary-hover": "disney-plus-blue",
      "accent": "disney-plus-blue-bright",
      "accent-hover": "disney-plus-blue",
      "mark": "disney-plus-blue",
      "text-emphasis": "disney-plus-white"
    },
    "typography": {
      "display": "heading",
      "prose": "body",
      "wordmark": "heading",
      "code": "mono"
    }
  },
  "assets": [],
  "rules": [
    {
      "type": "colorChoice",
      "target": "logo.wordmark.fill",
      "severity": "error",
      "rationale": "The Disney+ wordmark renders only in Disney+ Blue (#113CCF) on light or navy surfaces, or reversed white on dark cinematic treatments. The brighter and deeper blues are interactive-state and gradient values, not wordmark fills.\n",
      "allowed": [
        "disney-plus-blue",
        "disney-plus-white"
      ],
      "forbidden": [
        "disney-plus-blue-bright",
        "disney-plus-blue-deep",
        "disney-plus-navy",
        "disney-plus-gray"
      ]
    },
    {
      "type": "forbiddenTreatment",
      "target": "logo",
      "severity": "error",
      "rationale": "Disney's brand-protection program is among the strictest in consumer entertainment. The Disney+ wordmark and arced \"D\" have specific clearspace and color rules; gradient fills and drop-shadows conflict with the flat, cinematic visual system established at the 2019 launch.\n",
      "treatments": [
        "stretched",
        "rotated",
        "recolored",
        "drop-shadow",
        "gradient-fill",
        "on-busy-photo",
        "inverted-without-variant",
        "blue-on-low-contrast-background"
      ]
    },
    {
      "type": "contrastRatio",
      "target": "text-primary",
      "severity": "error",
      "rationale": "Disney+ White on Disney+ Navy (#01153E) gives ~17:1 — well above WCAG 2.1 Level AA. The rule encodes the floor for any new foreground/background pairing on Disney+ surfaces.\n",
      "against": "background",
      "minRatio": 4.5,
      "standard": "WCAG-AA"
    },
    {
      "type": "contrastRatio",
      "target": "roles.colors.primary",
      "severity": "error",
      "rationale": "Disney+ Blue Bright (#1F80E0) on Disney+ Navy (#01153E) gives ~5:1 — clears AA-large. Buttons using the bright blue as a fill with white text must maintain this floor so the interactive affordance of the primary CTA stays perceptible.\n",
      "against": "background",
      "minRatio": 3,
      "standard": "WCAG-AA-large"
    },
    {
      "type": "enumMembership",
      "target": "typography.heading.fontWeight",
      "severity": "warning",
      "rationale": "Disney+'s marketing headlines use ABC Diatype in Medium (500), Bold (700), and Heavy (800) for hero typography. Lighter cuts read as body and compromise the cinematic display voice the brand depends on.\n",
      "allowed": [
        "500",
        "700",
        "800"
      ]
    },
    {
      "type": "contextRestriction",
      "target": "roles.colors.mark",
      "severity": "error",
      "rationale": "Disney+ Blue (#113CCF) is reserved for the wordmark, the arced \"D,\" and primary brand surfaces. Using it inside body copy, for secondary links, or for error states dilutes the signature accent and weakens the cinematic hierarchy the brand depends on.\n",
      "forbiddenContexts": [
        "body-text",
        "secondary-link",
        "error-state"
      ]
    },
    {
      "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": "variantSelection",
      "target": "logo",
      "severity": "error",
      "rationale": "On the canonical Disney+ Navy canvas, the wordmark renders in Disney+ Blue. The white-reversed variant is reserved for cinematic title-art treatments and the lowest-contrast backgrounds; the blue-on-navy variant is the default.\n",
      "when": {
        "backgroundColorScheme": "dark"
      },
      "use": "disney-plus-blue-on-navy"
    },
    {
      "type": "fontPairing",
      "target": "typography.heading",
      "severity": "warning",
      "rationale": "Disney+'s marketing headlines run substantially larger than body and metadata 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
    }
  ]
}