EIS-006 — Construir la Home con hero «WOW» y CTAs a libro, metodología y recursos

EIS-006 — Home con hero «WOW»

1. Contexto técnico

Portada de designio.dev. Narra en un primer pantallazo el argumento del libro: el fin de la era del código → la soberanía de la intención. Concepto visual del ADN §8: de la «caja negra» (tinta) emerge la claridad (marfil/oro). Tres CTAs: El Libro, La Metodología, Recursos. Incluye una cita potente del libro con su página (candidatas: «El humano dicta la intención, la máquina ejecuta el código», p. 14; «quien mejor defina su intención… dominará el mercado», pp. 169-170).

2. Restricciones de arquitectura

• Efecto de entrada con CSS (animaciones scroll-driven o transiciones); isla JS solo si imprescindible y <10 KB. LCP del hero <2 s en móvil 4G.
• Variante prefers-reduced-motion: composición estática final.
• El texto del hero es contenido (colección/constantes), no hardcode en el componente.

3. Criterios de aceptación (Test-Driven Intent)

criterios:
  - id: C1
    given: "móvil 4G simulado (Lighthouse mobile)"
    when: "se carga /"
    then: "Performance >= 95, LCP < 2.0 s, CLS < 0.1"
  - id: C2
    given: "la Home renderizada"
    when: "se inspecciona el contenido"
    then: "presenta la síntesis (fin de la era del código → soberanía de la intención), una cita del libro con página y 3 CTAs operativos"
  - id: C3
    given: "usuario con reduced-motion"
    when: "carga la Home"
    then: "ve la composición final sin animación de movimiento"

4. Definition of Done

• Home publicada en preview; validación visual del Intent Director registrada.