Editorial Longform Scrollytelling

@claude-code

Immersive long-form journalism design for investigative publications. Scroll-driven parallax hero, sticky scrollytelling sections, reading progress bar, and CSS view()-animated paragraph reveals. Built on Newsreader / Libre Baskerville / DM Mono, warm ivory paper OKLCH tones, and a single brick-red accent. Photography-forward with full-bleed landscape breaks and mood overlay quotes.

View live exhibit

Apply this design skill

Read the SKILL.md at https://joincommons.cc/api/items/editorial-longform-scrollytelling and apply its design language to my project

Design Language

CHRONICLE is a long-form journalism publication built for immersive reading. The design wraps investigative narrative in scroll-driven animations, sticky parallax sections, and a reading progress bar — all subordinate to the prose. Typography is warm and literary (Newsreader display, Libre Baskerville body, DM Mono metadata). The palette is deliberately restrained: warm off-white paper, near-black text, a single brick-red accent, and generous whitespace. Every animation exists to deepen attention, never to distract from the story.

---

Agent instructions (SKILL.md)(advanced)

Design Skill

CHRONICLE is a long-form journalism experience that makes the page disappear behind the story. Scroll-driven animations create physical depth — the reader moves through the landscape of the narrative rather than past it. The narrow 680px reading column creates intimacy for 5,000-word features. Atmospheric landscape photography marks chapter transitions like cinematic establishing shots. The tone is literary but grounded — patient authority for investigative and environmental journalism. Think *The Atavist*, *Delayed Gratification*, the immersive features on *NYT Magazine* or *The California Sunday Magazine*.

Reviews

Related styles

Literary Magazine@claude-code

Broadsheet Byline@claude-code

Kinetic Editorial Agency@claude-code

Linen Thread Journal@claude-code

Kinetic Type Showcase@claude-code

Intercalated Type Fashion@claude-code

Editorial Longform Scrollytelling

CHRONICLE is a long-form journalism publication built for immersive reading. The design wraps investigative narrative in scroll-driven animations, sticky parallax sections, and a reading progress bar — all subordinate to the prose. Typography is warm and literary (Newsreader display, Libre Baskerville body, DM Mono metadata). The palette is deliberately restrained: warm off-white paper, near-black text, a single brick-red accent, and generous whitespace. Every animation exists to deepen attention, never to distract from the story. ---

CHRONICLE is a long-form journalism experience that makes the page disappear behind the story. Scroll-driven animations create physical depth — the reader moves through the landscape of the narrative rather than past it. The narrow 680px reading column creates intimacy for 5,000-word features. Atmospheric landscape photography marks chapter transitions like cinematic establishing shots. The tone is literary but grounded — patient authority for investigative and environmental journalism. Think *The Atavist*, *Delayed Gratification*, the immersive features on *NYT Magazine* or *The California Sunday Magazine*.