Guides

Guides for every kind of story

90 practical guides across 30 story categories — what to include, how to write one, and examples to steal from. Each pairs with ready-made templates and a free AI maker.

The craft of scrollytelling

How the format works, where it came from, and how to build it — whether you write the code or not.

Design patterns

The named patterns — sticky figures, scrubbed sequences, step triggers — plus the mobile fallback most implementations get wrong.

Scroll-driven storytelling

The developer's guide: scroll-linked vs scroll-triggered, CSS scroll timelines, IntersectionObserver, scrollama and GSAP.

Famous examples

Snow Fall, The Boat, The Pudding and the rest of the canon — what each one did, and what you can rebuild today.

Agencies vs building it yourself

When commissioning a studio is genuinely the right call, what an engagement involves, and who can edit the result afterwards.

Interactive annual report software

How to evaluate the category — accessibility, hosting, data updates and what happens to the URL in year three.

What is scrollytelling?

Start here if the term is new: what it means, where it works, and where it does not.

Guides by story type