# Netflix

> `netflix@1.0.0`

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.


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

## Atoms

### Palette

**Netflix** · `netflix@1.0.0` · Proprietary — All Rights Reserved

> Netflix corporate palette built around Netflix Red (#E50914) and a deep-black canvas. The brand is dark-first: the Netflix consumer product, marketing surfaces, and the iconic "N" mark all live on near-black surfaces with the saturated red used sparingly for the wordmark, the mark, and the highest-priority calls to action. The red value is verified from the official Netflix logomark SVG and Netflix's own brand-asset press kit. 

### Fonts

| Role | Font | License | Classification |
|------|------|---------|----------------|
| `heading` | **Netflix Sans** `(netflix-sans@1.0.0)` | Proprietary — All Rights Reserved | sans-serif |
| `body` | **Netflix Sans** `(netflix-sans@1.0.0)` | Proprietary — All Rights Reserved | sans-serif |
| `mono` | **JetBrainsMono Nerd Font** `(jetbrainsmono-nerdfont@1.0.0)` | OFL-1.1 | monospace |

## Swatches

| ID | Name | Value |
|----|------|-------|
| `netflix-red` | Netflix Red | `#E50914` |
| `netflix-red-dark` | Netflix Red Dark | `#B81D24` |
| `netflix-black` | Netflix Black | `#000000` |
| `netflix-near-black` | Netflix Near-Black | `#141414` |
| `netflix-charcoal` | Netflix Charcoal | `#221F1F` |
| `netflix-gray` | Netflix Gray | `#564D4D` |
| `netflix-white` | Netflix White | `#FFFFFF` |
| `netflix-off-white` | Netflix Off-White | `#F5F5F1` |

## Mode role mappings

### Light mode

| Role | Swatch | Hex |
|------|--------|-----|
| `background` | `netflix-off-white` | `#F5F5F1` |
| `surface` | `netflix-white` | `#FFFFFF` |
| `surface-elevated` | `netflix-white` | `#FFFFFF` |
| `text-primary` | `netflix-black` | `#000000` |
| `text-secondary` | `netflix-charcoal` | `#221F1F` |
| `text-tertiary` | `netflix-gray` | `#564D4D` |
| `primary` | `netflix-red` | `#E50914` |
| `primary-hover` | `netflix-red-dark` | `#B81D24` |
| `accent` | `netflix-red` | `#E50914` |
| `accent-hover` | `netflix-red-dark` | `#B81D24` |
| `warning` | `netflix-red` | `#E50914` |
| `warning-hover` | `netflix-red-dark` | `#B81D24` |
| `error` | `netflix-red` | `#E50914` |
| `success` | `netflix-gray` | `#564D4D` |

### Dark mode

| Role | Swatch | Hex |
|------|--------|-----|
| `background` | `netflix-black` | `#000000` |
| `surface` | `netflix-near-black` | `#141414` |
| `surface-elevated` | `netflix-charcoal` | `#221F1F` |
| `text-primary` | `netflix-white` | `#FFFFFF` |
| `text-secondary` | `netflix-off-white` | `#F5F5F1` |
| `text-tertiary` | `netflix-gray` | `#564D4D` |
| `primary` | `netflix-red` | `#E50914` |
| `primary-hover` | `netflix-red-dark` | `#B81D24` |
| `accent` | `netflix-red` | `#E50914` |
| `accent-hover` | `netflix-red-dark` | `#B81D24` |
| `warning` | `netflix-red` | `#E50914` |
| `warning-hover` | `netflix-red-dark` | `#B81D24` |
| `error` | `netflix-red` | `#E50914` |
| `success` | `netflix-white` | `#FFFFFF` |

## Brand semantic roles

### Colors

| Role | Swatch | Hex |
|------|--------|-----|
| `identity` | `netflix-black` | `#000000` |
| `on-identity` | `netflix-red` | `#E50914` |
| `background` | `netflix-black` | `#000000` |
| `surface` | `netflix-near-black` | `#141414` |
| `surface-elevated` | `netflix-charcoal` | `#221F1F` |
| `text-primary` | `netflix-white` | `#FFFFFF` |
| `text-secondary` | `netflix-off-white` | `#F5F5F1` |
| `text-tertiary` | `netflix-gray` | `#564D4D` |
| `primary` | `netflix-red` | `#E50914` |
| `primary-hover` | `netflix-red-dark` | `#B81D24` |
| `accent` | `netflix-red` | `#E50914` |
| `accent-hover` | `netflix-red-dark` | `#B81D24` |
| `mark` | `netflix-red` | `#E50914` |
| `text-emphasis` | `netflix-white` | `#FFFFFF` |
| `text-muted` | `netflix-gray` | `#564D4D` |

### Typography

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

## Rules

### 🛑 error (6)

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

- **allowed:** netflix-red, netflix-white, netflix-black
- **forbidden:** netflix-red-dark, netflix-gray, netflix-off-white

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

#### `forbiddenTreatment` → `logo`

- **treatments:** stretched, rotated, recolored, drop-shadow, on-busy-photo, inverted-without-variant, red-on-busy-background

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

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

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

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

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

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

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

#### `contextRestriction` → `roles.colors.primary`

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

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

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

### ⚠️ warning (2)

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

- **allowed:** 500, 700

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

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

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

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

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

---

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