# Disney+

> `disney-plus@1.0.0`

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.


**Tags:** `streaming`, `entertainment`, `disney`, `disney-plus`, `dark-first`, `consumer-tech`

## Atoms

### Palette

**Disney+** · `disney-plus@1.0.0` · Proprietary — All Rights Reserved

> Disney+ corporate brand palette. The streaming service's identity is anchored on a deep navy canvas (#01153E) with the saturated Disney+ Blue (#113CCF) carrying the wordmark, the iconic arc on the "D," and primary CTAs. Disney+ is dark-first: the consumer app, marketing surfaces, and the wordmark all live on near-black or deep-navy canvases with the blue used sparingly as the brand identity accent. 

### Fonts

| Role | Font | License | Classification |
|------|------|---------|----------------|
| `heading` | **Inter** `(inter@1.0.0)` | OFL-1.1 | sans-serif |
| `body` | **Inter** `(inter@1.0.0)` | OFL-1.1 | sans-serif |
| `mono` | **JetBrainsMono Nerd Font** `(jetbrainsmono-nerdfont@1.0.0)` | OFL-1.1 | monospace |

## Swatches

| ID | Name | Value |
|----|------|-------|
| `disney-plus-blue` | Disney+ Blue | `#113CCF` |
| `disney-plus-blue-bright` | Disney+ Blue Bright | `#1F80E0` |
| `disney-plus-blue-deep` | Disney+ Blue Deep | `#0B2BA0` |
| `disney-plus-navy` | Disney+ Navy | `#01153E` |
| `disney-plus-navy-elevated` | Disney+ Navy Elevated | `#0B1E4F` |
| `disney-plus-near-black` | Disney+ Near-Black | `#0A0E1A` |
| `disney-plus-white` | Disney+ White | `#FFFFFF` |
| `disney-plus-fog` | Disney+ Fog | `#F5F7FA` |
| `disney-plus-graphite` | Disney+ Graphite | `#5A6478` |
| `disney-plus-gray` | Disney+ Gray | `#A2A9B8` |

## Mode role mappings

### Light mode

| Role | Swatch | Hex |
|------|--------|-----|
| `background` | `disney-plus-fog` | `#F5F7FA` |
| `surface` | `disney-plus-white` | `#FFFFFF` |
| `surface-elevated` | `disney-plus-white` | `#FFFFFF` |
| `text-primary` | `disney-plus-navy` | `#01153E` |
| `text-secondary` | `disney-plus-graphite` | `#5A6478` |
| `text-tertiary` | `disney-plus-gray` | `#A2A9B8` |
| `primary` | `disney-plus-blue` | `#113CCF` |
| `primary-hover` | `disney-plus-blue-deep` | `#0B2BA0` |
| `accent` | `disney-plus-blue-bright` | `#1F80E0` |
| `accent-hover` | `disney-plus-blue` | `#113CCF` |
| `warning` | `disney-plus-blue-bright` | `#1F80E0` |
| `warning-hover` | `disney-plus-blue` | `#113CCF` |
| `error` | `disney-plus-blue-deep` | `#0B2BA0` |
| `success` | `disney-plus-blue-bright` | `#1F80E0` |

### Dark mode

| Role | Swatch | Hex |
|------|--------|-----|
| `background` | `disney-plus-navy` | `#01153E` |
| `surface` | `disney-plus-navy-elevated` | `#0B1E4F` |
| `surface-elevated` | `disney-plus-near-black` | `#0A0E1A` |
| `text-primary` | `disney-plus-white` | `#FFFFFF` |
| `text-secondary` | `disney-plus-gray` | `#A2A9B8` |
| `text-tertiary` | `disney-plus-graphite` | `#5A6478` |
| `primary` | `disney-plus-blue-bright` | `#1F80E0` |
| `primary-hover` | `disney-plus-blue` | `#113CCF` |
| `accent` | `disney-plus-blue-bright` | `#1F80E0` |
| `accent-hover` | `disney-plus-blue` | `#113CCF` |
| `warning` | `disney-plus-blue-bright` | `#1F80E0` |
| `warning-hover` | `disney-plus-blue` | `#113CCF` |
| `error` | `disney-plus-blue-bright` | `#1F80E0` |
| `success` | `disney-plus-blue-bright` | `#1F80E0` |

## Brand semantic roles

### Colors

| Role | Swatch | Hex |
|------|--------|-----|
| `identity` | `disney-plus-navy` | `#01153E` |
| `on-identity` | `disney-plus-white` | `#FFFFFF` |
| `background` | `disney-plus-navy` | `#01153E` |
| `surface` | `disney-plus-navy-elevated` | `#0B1E4F` |
| `surface-elevated` | `disney-plus-near-black` | `#0A0E1A` |
| `text-primary` | `disney-plus-white` | `#FFFFFF` |
| `text-secondary` | `disney-plus-gray` | `#A2A9B8` |
| `text-tertiary` | `disney-plus-graphite` | `#5A6478` |
| `primary` | `disney-plus-blue-bright` | `#1F80E0` |
| `primary-hover` | `disney-plus-blue` | `#113CCF` |
| `accent` | `disney-plus-blue-bright` | `#1F80E0` |
| `accent-hover` | `disney-plus-blue` | `#113CCF` |
| `mark` | `disney-plus-blue` | `#113CCF` |
| `text-emphasis` | `disney-plus-white` | `#FFFFFF` |

### Typography

| Role | Font role key |
|------|---------------|
| `display` | `heading` |
| `prose` | `body` |
| `wordmark` | `heading` |
| `code` | `mono` |

## Rules

### 🛑 error (7)

#### `colorChoice` → `logo.wordmark.fill`

- **allowed:** disney-plus-blue, disney-plus-white
- **forbidden:** disney-plus-blue-bright, disney-plus-blue-deep, disney-plus-navy, disney-plus-gray

> 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. 

#### `forbiddenTreatment` → `logo`

- **treatments:** stretched, rotated, recolored, drop-shadow, gradient-fill, on-busy-photo, inverted-without-variant, blue-on-low-contrast-background

> 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. 

#### `contrastRatio` → `text-primary`

- **against:** `background`
- **minRatio:** `4.5`
- **standard:** `WCAG-AA`

> 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. 

#### `contrastRatio` → `roles.colors.primary`

- **against:** `background`
- **minRatio:** `3`
- **standard:** `WCAG-AA-large`

> 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. 

#### `contextRestriction` → `roles.colors.mark`

- **forbiddenContexts:** body-text, secondary-link, error-state

> 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. 

#### `accessibilityRequirement` → `*`

- **standard:** `WCAG-AA`
- **criterion:** `1.4.3`

> 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. 

#### `variantSelection` → `logo`

- **use:** `disney-plus-blue-on-navy`
- **when:** `backgroundColorScheme="dark"`

> 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. 

### ⚠️ warning (2)

#### `enumMembership` → `typography.heading.fontWeight`

- **allowed:** 500, 700, 800

> 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. 

#### `fontPairing` → `typography.heading`

- **requires:** `body`
- **minSizeRatio:** `1.6`

> 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. 

## 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. 
- **Imported:** `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. 

---

*Generated by the brand-atoms converter. Source: `disney-plus@1.0.0` from the encyclopedia.*