Modelo de Editorial After Hours

Produza um artefato de movimento editorial em HTML autônomo, em estilo luxuoso e escuro, com três páginas curtas, tipografia cinematográfica e linguagem de transição premium.

Mapa de Recursos

after-hours-editorial-template/
├── SKILL.md
├── assets/
│   └── template.html
├── references/
│   └── checklist.md
└── example.html

Fluxo de Trabalho

1. Leia o DESIGN.md ativo e mapeie cores, tom tipográfico e ritmo de layout em variáveis CSS, preservando uma base editorial escura.
2. Copie assets/template.html para index.html.
3. Mantenha três páginas narrativas em sequência; não aumente o tempo de permanência padrão da página acima de 3 segundos.
4. Preserve o comportamento de movimento premium:
   • hierarquia de revelação de texto encenada
   • transições de "wipe" de capítulo
   • profundidade ambiente de grão/vinheta
   • interação restrita de cursor-luz para pré-visualização local
5. Mantenha a saída HTML de arquivo único com CSS e JS inline.
6. Evite APIs de navegador hostis ao sandbox (por exemplo, localStorage e confirm).
7. Valide com references/checklist.md antes de emitir.

Contrato de Saída

Uma frase curta de orientação, depois:

<artifact identifier="after-hours-editorial" type="text/html" title="After Hours Editorial Template">
<!doctype html>
<html>...</html>
</artifact>