Identidad y tokens
La documentación neutral muestra fondo oscuro, rojo de acción, superficies de contenido y texto de alto contraste.
canvas
#141414
surface
#232323
ink
#FFFFFF
brand
#E50914
muted
#B3B3B3
border
#5C5C5C
Hero y signup
hero · 48 / 700
Unlimited stories
Get Startedemail input · 56px
Email address
invalid: error + helper text
trending rail
01
Trending title
Trending title
02
Top series
Top series
03
New movie
New movie
Inventario de componentes
Brand header
Identidad, idioma y Sign In.
defaultcompactlanguage-openEmail form
Email, Get Started y estados de validación.
focusinvalidsuccessTrending rail
Posters numerados y señal editorial.
loadingemptyFAQ disclosure
Preguntas expandibles con keyboard focus.
collapsedexpandedfocus-visibleResponsive behavior
| Rango | Comportamiento |
|---|---|
| 320–543px | Hero vertical, copy reducido, email y CTA apilados, trending desplazable y FAQ de una columna. |
| 544–767px | Formulario flexible, benefits en dos columnas y footer parcialmente apilado. |
| 768–1011px | Hero amplio, formulario inline y benefits en varias columnas. |
| 1012–1279px | Contenedor editorial amplio, rail de posters y FAQ limitado. |
| 1280px+ | Más aire exterior sin ampliar indefinidamente la lectura o el formulario. |
Procedencia y validación
La fuente expone propuesta de valor, precio/cancelación, email signup, Trending Now, beneficios, FAQ y enlaces de ayuda/legal. El contenido cambia por mercado.
✓ PASSED — contrato, tokens JSON, componentes, preview y metadata presentes.
Fuente: Netflix. Este documento es análisis externo, no documentación oficial.