# Disney+ — DESIGN.md

## Overview
Disney+ is the family streaming service whose visual language is the deep-galaxy royal blue (`#01153e`) that distinguishes it from Netflix's cinema-black and HBO Max's neon-purple. Canvas is a deep navy with subtle starfield gradient. The signature is the Disney+ wordmark — Disney's iconic 'Walt Disney' Waltograph script joined to a sans-serif '+' lockup. Type runs a precise grotesk (Inter / Source Sans / proprietary Disney face) for the chrome, but every poster-art tile uses the original title-treatment fonts from Star Wars, Marvel, Pixar, etc. — the cross-franchise typography zoo IS the brand's promise. The hero is a brand-tier row organizing content by franchise — Disney / Pixar / Marvel / Star Wars / National Geographic — never by genre.

## Color
- **Primary:** `#01153e` — Disney+ galaxy-blue (the brand canvas itself)
- **Canvas:** `#01153e` — Galaxy blue (deeper than navy, lighter than true black)
- **Canvas deep:** `#0a1d3f` — slight elevation step for cards
- **Ink:** `#ffffff` — White type on the dark canvas
- **Accent (CTA):** `#0072d2` — Brighter cyan-blue for primary 'Sign Up' / 'Watch Now' CTAs
- **Franchise palettes (used only inside franchise sub-pages):**
  - Marvel red `#ed1d24`
  - Pixar yellow `#fab617`
  - Star Wars amber `#ffd038`
  - National Geographic yellow `#ffcc00`
  - Disney blue `#176abf`
- **Muted:** `#9aa3b6` — Captions, metadata
- **Hairlines:** `rgba(255,255,255,0.10)` — barely-visible card edges

## Typography
- **Display:** Inter / proprietary Disney face, weight 700, 36–56px hero
- **Sub-display:** weight 600, 20–28px row titles
- **Body:** Inter, weight 400, 15–16px, 1.5 line-height
- **Caption:** weight 500, 12–13px
- **Poster art:** each poster uses its franchise's original title-treatment typography (Aurebesh-adjacent for Star Wars, Marvel comic-sans for Marvel, etc.)
- **Mono:** none

## Spacing & rhythm
8-base (8/16/24/32/48/64). Section padding 48–64px between poster rows — tighter than luxury sites, looser than Booking. Each franchise row is a horizontal-scroll strip with 6–8 poster tiles visible at desktop. The five-franchise brand-tier row sits above the genre rows on every browse page.

## Motion signature
Magical-realm immersion. Cold-start animation: stars twinkle across deep blue, then the Disney+ wordmark resolves with the iconic Walt Disney signature flourish. Poster tiles on row-hover lift 1.08x with a 250ms cubic-bezier. Franchise-tile transitions to franchise-page use a magical-portal effect — a brief zoom-in to the franchise color world (red for Marvel, blue for Disney, yellow for Pixar).

## Components observed
- `galaxy-blue-canvas` — the brand's deep-blue starfield surface
- `wordmark-disney-plus-lockup` — Waltograph script + sans '+'
- `franchise-brand-tier-row` — Disney / Pixar / Marvel / Star Wars / Nat Geo tiles
- `poster-tile-with-original-typography` — poster art in franchise-native fonts
- `magical-portal-transition` — franchise-page zoom-in animation
- `billboard-feature-hero` — full-bleed featured-show hero
- `watchlist-add-button-blue` — circular cyan add-to-watchlist
- `footer-deep-navy-multi-language` — galaxy-blue footer with language selector

## Trademark signals
- Deep galaxy-blue canvas (`#01153e`) — the brand's most-recognized differentiator from Netflix-black or HBO-purple
- Walt Disney + '+' wordmark lockup — Waltograph script joined to a precise sans '+', never broken apart
- Five-franchise brand-tier row at top of every page — each tile uses the franchise's own brand colors (Marvel red, Pixar yellow) — the only place multiple chromatic accents are permitted
- Original title-treatment typography on poster art — cross-franchise type zoo as feature
- Family-safe content cropping — every poster art frames protagonists with clean, vibrant edges — no dark/edgy/violent compositions

## What they DON'T do
- No pure-black canvas — galaxy-blue IS the brand differentiator
- No replacing the Walt Disney script with sans-serif — the handwritten signature is a century of equity
- No dropping the five-franchise tier row — the cross-franchise organization is the content promise
- No prestige-TV dark/edgy poster crops — the brand is family-safe vibrant
- No standardizing poster typography — the cross-franchise type zoo is the variety statement
- No emoji, no urgency badges, no promotional pricing stickers on poster art

## Exemplar pages
- https://disneyplus.com/
- https://disneyplus.com/welcome
- https://disneyplus.com/brand/disney
- https://disneyplus.com/brand/star-wars

## When to reference
Reach for Disney+ when the user wants family-safe brand-portfolio streaming with strong franchise-tile organization — multi-brand media platforms, content hubs that span multiple sub-brands, kids/family products that need a magical-realm visual voice. The "galaxy-blue canvas + franchise-color sub-pages + magical-portal transitions" combination is the most-copyable Disney+ move and is the brand to study when content needs to feel curated by family-IP rather than algorithm.
