The Pudding — Newspaper Grid Editorial

Use in a session

Tell Claude: build [my thing] using swipe ref pudding-editorial-grid

Full recreation prompt

Recreate a landing page in the "The Pudding — Newspaper Grid Editorial" style (Editorial Grid). This is a VIBE / STYLE-TRANSFER task, not a clone: apply the design DNA below to MY content and section structure, do not copy the reference's copy or exact layout.

Design DNA:
- Mood: Smart, journalistic, substantive. Content-first storytelling with visual rigor.
- Colors: Paper/white base, ink black, one or two editorial accents for data highlights. Restrained so charts and photos pop.
- Typography: Serif for headlines/body (magazine feel) mixed with a sans for labels, captions, and UI. Strong hierarchy, drop-caps, pull quotes.
- Layout: Multi-column newspaper grid, bylines, dek/standfirst, inline charts and figures, sidebars. Dense but well-ruled and scannable.
- Motion: Scrollytelling: charts animate and annotate as you scroll, sticky graphics with stepped narration. Motion serves the story.
- Texture: Rules/dividers, boxed figures, captions, halftone or duotone imagery. Print-inspired, structured.
- Avoid: No sparse landing-page hero with three words, no decorative motion, no color for color's sake. Let content lead.

Imagery (generate real assets, do not use placeholders): Editorial photography with duotone treatments, plus chart/figure graphics. Tool: Pexels for photos (duotone them); build charts in code (SVG/D3); kie-ai for illustrated figures where needed.

Reference exemplar: https://pudding.cool. Build the page around the content I give you next, faithfully channeling this aesthetic, and generate the matching imagery described above.

Reference exemplar