YouTubeDesign referenceComponent inventory

YouTube / Reconstructed public web

Rendered examples

Thirteen rendered page example URLs cover nine distinct route compositions and eight page families, with seven component catalogs. Open a composition, exercise its controls, then retrieve the contract beside the live specimen.

All examples shown

Full-page recipes

01observed

Home empty feed

Understand the signed-out home without watch history.

home-empty.html
02mixed observed and documented

Search results

Search and refine results.

search.html
03mixed observed and documented

Watch unavailable

Read video context and understand unavailable playback.

watch-unavailable.html
04original addition

Playable local media

Exercise native playback controls with an original two-second test clip.

playable-local.html
05observed

Channel home

Explore a public channel overview.

channel-home.html
06observed

Channel videos

Select a channel content category.

channel-videos.html
07mixed observed and documented

Channel Shorts

Enter Shorts from a channel context.

channel-shorts.html
08first-party documentation

Playlist

Browse a playlist and switch its content type.

playlist.html
09first-party documentation

Shorts viewer

Understand continuous short-form viewing.

shorts-viewer.html
10observed

History sign-in gate

Understand the history access boundary.

history.html
11observed signed-out public landing with local reconstruction; private purchase behavior unverified

Premium signed-out public landing

Compare the retained public hero, plans, benefits, membership table, and FAQ. Membership activation stops at the local sign-in boundary.

premium.html
12source-derived reconstruction

Subscriptions sign-in gate

Understand private subscription feed access.

subscriptions-gate.html
13observed alternate content; reconstructed local rendering

Premium with Lite explainer

Inspect the alternate first-party offer response with a four-benefit introduction before the plan cards.

premium.html?offer=lite-explainer

Component families

Shell and search

Search field, desktop guide and signed-out entry actions.

Guide and tabs

Selected and unselected navigation selection states.

Result cards

Thumbnail, metadata, overflow action and sponsored variation.

Player and actions

Unavailable and locally playable player states, controls, engagement controls and share dialog.

Channel and shelves

Channel header, description disclosure, tabs and content cards.

Playlist controls

Playlist content types and source-derived viewing list.

History and gates

Signed-out history and subscription gate patterns.

Local fixtures reconstruct the signed-out consumer web. Account and payment completion remain outside the evidence scope. The playable clip is original test media.