Identidad y tokens
El análisis usa una documentación neutral para mostrar la relación entre fondo oscuro, superficie de card, texto y acento naranja.
canvas
#000000
surface
#23252B
ink
#FFFFFF
brand
#F47521
accent
#FAB818
border
#4A4C52
Hero y tipografía
hero · 40 / 700
Stream your next story
Start watchingcontent rail
Title card
Sub · Dub
Sub · Dub
New episode
Details
Details
Premium
Locked
Locked
label · 13 / 600
Anime · Games · Store · News
focus-visible: 2px accent
Inventario de componentes
Streaming header
Catálogo, búsqueda, juegos, tienda, cuenta y Premium.
defaultcompactmenu-openHero content
Arte, copy, metadatos y CTA de reproducción o suscripción.
loadingunavailableContent rail
Cards de catálogo con sub/dub, foco y estados bloqueados.
loadingemptylockedPremium plan card
Tier, precio, beneficios, recomendación y acción.
recommendedselectederrorResponsive behavior
| Rango | Comportamiento |
|---|---|
| 320–543px | Header compacto, hero vertical, rails desplazables y planes apilados. |
| 544–767px | Rails flexibles y hero de dos zonas cuando el ancho lo permite. |
| 768–1011px | Navegación regular, hero amplio y dos columnas auxiliares. |
| 1012–1279px | Rails con varias cards y plan grid de hasta tres columnas. |
| 1280px+ | Hero limitado, mayor densidad de catálogo y aire exterior. |
Procedencia y validación
La fuente y su página Premium describen streaming de anime, catálogo, planes, dispositivos y beneficios. El contenido visual concreto puede cambiar por región y disponibilidad.
✓ PASSED — contrato, tokens JSON, componentes, preview y metadata presentes.
Fuente: Crunchyroll. Este documento es análisis externo, no documentación oficial.