after-hours-editorial-template

# After Hours Editorial Template

Produce a self-contained HTML editorial motion artifact in a dark luxury style,

with three short pages, cinematic typography, and premium transition language.

Resource map

```text

after-hours-editorial-template/

├── SKILL.md

├── assets/

│ └── template.html

├── references/

│ └── checklist.md

└── example.html

```

Workflow

1. Read active `DESIGN.md` and map colors, typography tone, and layout rhythm

into CSS variables while preserving a dark editorial baseline.

2. Copy `assets/template.html` to `index.html`.

3. Keep three narrative pages in sequence; do not increase default page dwell

above 3 seconds.

4. Preserve premium motion behavior:

• staged text reveal hierarchy
• chapter wipe transitions
• ambient grain/vignette depth
• restrained cursor-light interaction for local preview

5. Keep output single-file HTML with inline CSS and JS.

6. Avoid sandbox-hostile browser APIs (e.g. localStorage and confirm).

7. Validate with `references/checklist.md` before emitting.

Output contract