Design System Analysis · external snapshot

Prime Video Homepage

Un contrato verificable de streaming UI, hero, rails, rankings, suscripciones, estados y responsive behavior observado en primevideo.com.

Identidad y tokens

La documentación neutral muestra la relación entre fondo cinematográfico, superficies nav, texto y azul de acción.

canvas
#0F171E
surface
#1A242F
ink
#FFFFFF
brand
#00A8E1
accent
#90D4F7
border
#3A4A5A

Hero y catálogo

hero · 40 / 700
Watch your next story
Watch with Prime
content rail
Top 10
New movie
Trending
Top TV
Live TV
Sports
label · 13 / 600

Movies · TV shows · Sports · Live TV

focus-visible: 2px accent

Inventario de componentes

Streaming header

Browse, subscriptions, búsqueda, idioma, cuenta y Join Prime.

defaultcompactlanguage-open

Hero title

Artwork, título, clasificación, disponibilidad y CTA.

loadingsubscription-required

Content rail

Top 10, trending, leaving soon y categorías.

loadingemptyunavailable

Subscription CTA

Prueba, suscripción, canal o compra con condiciones visibles.

recommendedselectederror

Responsive behavior

RangoComportamiento
320–543pxHeader compacto, hero vertical, rails desplazables y CTAs de ancho disponible.
544–767pxRails flexibles y hero de dos zonas cuando el ancho lo permite.
768–1011pxNavegación regular, hero amplio y rail de varias cards.
1012–1279pxMayor densidad de catálogo y bloques auxiliares en columnas.
1280px+Hero limitado, rails amplias y espacio exterior.

Procedencia y validación

La fuente expone Browse, Movies, TV shows, Sports, Live TV, Subscriptions, búsqueda, idiomas, cuenta, Join Prime, rankings y rails de catálogo. Oferta y derechos cambian por región.

✓ PASSED — contrato, tokens JSON, componentes, preview y metadata presentes.

Fuente: Prime Video. Este documento es análisis externo, no documentación oficial.