# One-Shot Prompt

**Style**: Art Deco 1920s
**Generated**: 2026-04-05

## Prompt

Write complete HTML, CSS, and JavaScript in a single self-contained file for an immersive digital magazine in the Art Deco 1920s style.

The magazine is called **The Gilded Wire** with the tagline "Culture & Commerce Since 1924". It is Vol. VII, No. 3, published Spring 1931. The editorial identity channels the geometric glamour, gold-and-black palette, and bold symmetry of the Art Deco movement — Chrysler Building spires, Tamara de Lempicka compositions, Cassandre poster typography.

### Typography
- Display font: Playfair Display (Google Fonts) for masthead, headlines, pullquotes
- Body font: Source Serif Pro for article text
- Accent font: Inter for navigation, captions, bylines, labels
- Drop caps: first letter of first paragraph in each article, 4 lines tall, gold color
- Pullquotes: 2.5x body size with thin gold rules above and below
- Tight letter-spacing on display type (−0.02em), generous line-height on body (1.75)
- Justified text on at least one article with hyphens: auto
- Small caps for bylines and section labels

### Color Palette (3-4 tones, restrained)
- Background: deep charcoal (#1a1a1a) and warm ivory (#f5f0e8)
- Accent: antique gold (#c9a84c)
- Text: near-black (#111) on ivory, warm cream (#e8e0d0) on dark
- Thin gold rules for dividers and column rules

### Cover / Hero
- Large geometric masthead "THE GILDED WIRE" with gold letter-spacing and an Art Deco geometric ornament (SVG) flanking the title
- Volume/issue: "Vol. VII, No. 3 — Spring 1931"
- Cover story headline: "The Geometry of Ambition: How Art Deco Conquered the Skyline"
- Teasers for 2 other articles below the fold
- Full-viewport dark background with gold accents

### Table of Contents
- Numbered items (01–04) with article titles and author names
- Gold numerals that scale up on hover
- Smooth-scroll links to each article
- Styled as a centered layout with generous spacing, thin gold dividers

### Articles (4 total, varied layouts)

**Article 1** — "The Geometry of Ambition: How Art Deco Conquered the Skyline"
By Marguerite Delacroix. Layout: full-width single column with generous margins on ivory background. Content about the architectural race in 1920s–30s Manhattan (Chrysler Building, Empire State, Chanin Building). Includes a pullquote. Drop cap on first paragraph.

**Article 2** — "Cocktails & Commerce: The Economy of the Speakeasy"
By Theodore Ashworth. Layout: two-column with 60/40 split on dark background with cream text. Content about Prohibition-era economics, underground bars, and the rise of American cocktail culture. Pullquote in the wider column.

**Article 3** — "Tamara's Gaze: Portraiture in the Machine Age"
By Eloise Marchand. Layout: three-column newspaper-style on ivory background. Content about Tamara de Lempicka, the intersection of portraiture and industrial aesthetics. Justified text with hyphens.

**Article 4** — "Wireless Futures: Radio and the Democratisation of Sound"
By Cecil Hartington. Layout: sidebar (30%) + main column (70%) on dark background. Content about the explosive growth of radio broadcasting in the late 1920s and its social impact. Sidebar has a timeline of key radio milestones.

### Visual Interludes (2)
- Between articles 1 and 2: a full-viewport typographic statement — "ORNAMENT IS NOT A CRIME" in huge Playfair Display, gold on charcoal, with a geometric SVG fan motif
- Between articles 3 and 4: an SVG Art Deco geometric pattern — concentric arcs and chevrons in gold and charcoal, purely decorative

### Contributors / Masthead
- Editor-in-Chief: Vivienne Archibald
- Creative Director: Marcel Fontaine
- Contributors listed with one-line bios
- Small-type section with gold accents

### Colophon / Footer
- ISSN 1924-7803
- "First edition, 2,500 copies"
- Typeface credits: "Set in Playfair Display, Source Serif Pro & Inter"
- Publisher: "Gilded Wire Publishing, 42 Lexington Avenue, New York, NY 10017"
- Copyright: "© 1931 The Gilded Wire. All rights reserved."
- French motto: "L'élégance est la seule beauté qui ne se fane jamais."

### Visual Craft
- Paper texture: subtle CSS noise/grain overlay on the ivory sections
- Column rules: thin gold vertical lines between columns
- Print bleed: cover masthead and visual interludes extend to viewport edges
- Folio markers: section labels that update on scroll
- Art Deco geometric ornaments drawn in inline SVG (chevrons, fans, sunbursts)
- Section dividers: gold horizontal rules with centered geometric ornaments

### Interaction
- TOC smooth-scroll navigation
- Scroll progress bar (thin gold line at top)
- Intersection Observer fade-in on article sections
- Hover states on TOC items
- Print button triggering window.print() with @media print stylesheet

### Polish
- font-display: swap on all fonts
- Smooth scroll on html
- Mobile responsive (single column on narrow)
- prefers-reduced-motion support
- @media print stylesheet for clean printing
- Page title: "The Gilded Wire — Vol. VII, No. 3"

## Notes

- Art Deco style with period-accurate magazine structure
- All illustrations are inline SVG geometric ornaments — no external images
- Google Fonts loaded via @import for Playfair Display, Source Serif Pro, and Inter
- Hosting: local file or static host
