Design reference

YouTube / Public web reference / 2026.09

Source and local comparisons

Inspect production captures beside the local implementation at the same viewport.

All entries shown

Each pair uses the recorded viewport width and height. Documentation pages are compared for type, color, density and hierarchy. Recipe pairs compare the corresponding route composition with deterministic local content.

guide home · 390 × 1000

Documentation adaptation compared for design language, not route identity.. Open current local page.

Production guide-home at 390 pixels
Production capture · https://www.youtube.com/
Local guide-home at 390 pixels
Local reconstruction · 2026-09-18T18:34:18.527Z

guide home · 1440 × 1000

Documentation adaptation compared for design language, not route identity.. Open current local page.

Production guide-home at 1440 pixels
Production capture · https://www.youtube.com/
Local guide-home at 1440 pixels
Local reconstruction · 2026-09-18T18:34:19.600Z

examples index · 390 × 1000

Documentation adaptation compared for design language, not route identity.. Open current local page.

Production examples-index at 390 pixels
Production capture · https://www.youtube.com/results?search_query=music
Local examples-index at 390 pixels
Local reconstruction · 2026-09-18T18:34:20.839Z

examples index · 1440 × 1000

Documentation adaptation compared for design language, not route identity.. Open current local page.

Production examples-index at 1440 pixels
Production capture · https://www.youtube.com/results?search_query=music
Local examples-index at 1440 pixels
Local reconstruction · 2026-09-18T18:34:22.474Z

component catalog · 390 × 1000

Documentation adaptation compared for design language, not route identity.. Open current local page.

Production component-catalog at 390 pixels
Production capture · https://www.youtube.com/results?search_query=music
Local component-catalog at 390 pixels
Local reconstruction · 2026-09-18T18:34:23.746Z

component catalog · 1440 × 1000

Documentation adaptation compared for design language, not route identity.. Open current local page.

Production component-catalog at 1440 pixels
Production capture · https://www.youtube.com/results?search_query=music
Local component-catalog at 1440 pixels
Local reconstruction · 2026-09-18T18:34:25.485Z

search · 390 × 1000

Reconstructed composition; deterministic fixture content differs from live media.. Open current local page.

Production search at 390 pixels
Production capture · https://www.youtube.com/results?search_query=music
Local search at 390 pixels
Local reconstruction · 2026-09-18T18:34:26.801Z

search · 1440 × 1000

Reconstructed composition; deterministic fixture content differs from live media.. Open current local page.

Production search at 1440 pixels
Production capture · https://www.youtube.com/results?search_query=music
Local search at 1440 pixels
Local reconstruction · 2026-09-18T18:34:28.572Z

watch · 390 × 900

Same unavailable watch route and state; deterministic related content differs.. Open current local page.

Production watch at 390 pixels
Production capture · https://www.youtube.com/watch?v=jfKfPfyJRdk
Local watch at 390 pixels
Local reconstruction · 2026-09-18T18:34:29.586Z

watch · 1440 × 900

Same unavailable watch route and state; deterministic related content differs.. Open current local page.

Production watch at 1440 pixels
Production capture · https://www.youtube.com/watch?v=jfKfPfyJRdk
Local watch at 1440 pixels
Local reconstruction · 2026-09-18T18:34:30.859Z

home empty · 390 × 1000

Reconstructed composition; deterministic fixture content differs from live media.. Open current local page.

Production home-empty at 390 pixels
Production capture · https://www.youtube.com/
Local home-empty at 390 pixels
Local reconstruction · 2026-09-18T18:34:31.762Z

home empty · 1440 × 1000

Reconstructed composition; deterministic fixture content differs from live media.. Open current local page.

Production home-empty at 1440 pixels
Production capture · https://www.youtube.com/
Local home-empty at 1440 pixels
Local reconstruction · 2026-09-18T18:34:32.819Z

history · 390 × 1000

Reconstructed composition; deterministic fixture content differs from live media.. Open current local page.

Production history at 390 pixels
Production capture · https://www.youtube.com/feed/history
Local history at 390 pixels
Local reconstruction · 2026-09-18T18:34:33.717Z

history · 1440 × 1000

Reconstructed composition; deterministic fixture content differs from live media.. Open current local page.

Production history at 1440 pixels
Production capture · https://www.youtube.com/feed/history
Local history at 1440 pixels
Local reconstruction · 2026-09-18T18:34:34.953Z

premium · 390 × 900

Matched public Premium response variant, fully scrolled to load deferred media and reset to the top. Source asset selections persist through same-document resizing; the local reconstruction uses responsive picture sources.. Open current local page.

Production premium at 390 pixels
Production capture · https://www.youtube.com/premium
Local premium at 390 pixels
Local reconstruction · 2026-09-18T18:34:36.147Z

premium · 1440 × 900

Matched public Premium response variant, fully scrolled to load deferred media and reset to the top. Source asset selections persist through same-document resizing; the local reconstruction uses responsive picture sources.. Open current local page.

Production premium at 1440 pixels
Production capture · https://www.youtube.com/premium
Local premium at 1440 pixels
Local reconstruction · 2026-09-18T18:34:37.671Z

premium lite offer · 390 × 900

Matched public Premium response variant, fully scrolled to load deferred media and reset to the top. Source asset selections persist through same-document resizing; the local reconstruction uses responsive picture sources.. Open current local page.

Production premium-lite-offer at 390 pixels
Production capture · https://www.youtube.com/premium
Local premium-lite-offer at 390 pixels
Local reconstruction · 2026-09-18T18:34:38.922Z

premium lite offer · 1440 × 900

Matched public Premium response variant, fully scrolled to load deferred media and reset to the top. Source asset selections persist through same-document resizing; the local reconstruction uses responsive picture sources.. Open current local page.

Production premium-lite-offer at 1440 pixels
Production capture · https://www.youtube.com/premium
Local premium-lite-offer at 1440 pixels
Local reconstruction · 2026-09-18T18:34:40.263Z

Asset comparisons

Inspect every asset at observed and enlarged sizes.

Reconstructed reference contract. Screenshots freeze the review input. Open each local page to test its current behavior. Source and local hashes are retained in reference-data/visual-comparisons.json.