# One-Shot Prompt

**Style**: 90s-print
**Generated**: 2026-04-08

## Prompt

Write a complete, self-contained single-file HTML digital magazine called **The Emulsion** in the style of a late-1990s print issue translated to the web.

The issue theme is **Analog Futures**: how print culture, archives, type, and pre-digital interfaces keep returning in modern work. The magazine should feel like a real editorial publication, not a landing page. Use a strong cover, a numbered table of contents, four substantial articles, visual interludes, contributors, and a colophon.

Design constraints:

- Use a restrained palette of sepia, bone, charcoal, and one muted accent.
- Use a serif display face for headlines and a readable body face that can skew monospace or editorial serif.
- Use visible drop caps, pullquotes, justified body copy in at least one article, small caps in bylines or labels, and column rules.
- Use a tactile paper texture, thin rules, folio markers, and a print-like grid.
- Include scroll-driven reveals with Intersection Observer, a progress bar, TOC smooth scrolling, and a `window.print()` button with a print stylesheet.
- Make the page mobile responsive and disable motion gracefully for `prefers-reduced-motion`.
- No external images. Simulate imagery with CSS art, SVG, gradients, and one inline data visualisation.
- Set SEO metadata for title, description, Open Graph, and Twitter cards.

Publication details:

- Magazine name: **The Emulsion**
- Tagline: **Stories developed in silver halide**
- Issue: **Vol. VII, No. 3**
- Publication date: **8 April 2026**
- Tone: precise, tactile, literate, and quietly obsessive

Cover story and article structure:

1. Cover / hero
   - Masthead: The Emulsion
   - Volume and issue number
   - Publication date
   - Large cover story headline
   - Two or three teaser lines below the fold

2. Table of contents
   - Numbered entries `01`, `02`, `03`, `04`
   - Each entry links to an article section
   - The numbers should enlarge or shift on hover

3. Articles
   - Article 1: `The Return of Paper Logic`
     - Two-column layout with an uneven sidebar
     - Discuss tactile interfaces, memos, index cards, and continuity
     - Include a large pullquote
   - Article 2: `What the Archive Remembers`
     - Three-column newspaper-style layout
     - Include a small infographic or data panel about document decay, retrieval time, or retention
     - Include one inset note from a fictional archivist
   - Article 3: `The New Monospace Republic`
     - Full-width, generous single-column layout
     - Justified text, slightly more reflective
     - Include one long pullquote that interrupts the prose
   - Article 4: `A Field Guide to Slow Tools`
     - Mixed sidebar + main column, with a photo-essay style interlude or CSS-art plate
     - End with a practical, almost manifesto-like conclusion

4. Visual interludes
   - Include at least two editorial interludes between articles:
     - one oversized typographic statement
     - one marquee or ticker with editorial fragments
     - one SVG or canvas illustration that looks like a printed plate or infographic

5. Contributors and colophon
   - List fictional contributors and their roles
   - Include editor-in-chief, creative director, contributors, and photographer credits
   - Colophon should include a fake ISSN, print run, typefaces, fictional address, copyright, and a second-language motto

Interaction and polish:

- Smooth scroll for TOC navigation
- Sticky progress bar
- Reading reveal animations tied to viewport entry
- Hover states on TOC numbers
- A print button that opens the browser print dialog
- Good print CSS that hides navigation and keeps articles clean

Implementation constraints:

- Write the complete magazine in a single `index.html` file.
- Include all HTML, CSS, and JavaScript inline.
- No frameworks.
- No external images.
- Use Google Fonts only if needed, and set `font-display: swap`.
- Make the typography and layout feel editorial, not generic.

## Notes

- Use a strong editorial identity rather than a minimal layout.
- Keep the content plausible and magazine-like, with real prose rather than filler.
- Hosting: Cloudflare Pages