Scrollytelling: How We Tell Our Stories

🗺️

Home » Field Guide » Editorial » Stimpunks.org House Style Guide » Scrollytelling: How We Tell Our Stories

At Stimpunks, we use scrollytelling — a blend of scrolling + storytelling — to make complex ideas come alive in ways that are engaging, accessible, and respectful of different ways of reading and learning. Instead of dense blocks of text, our pages are laid out so you can grasp the most important ideas first and then choose how deep you want to go as you scroll.

Stimpunks uses scrollytelling as both a design choice and a care practice. Our pages unfold vertically, like webtoons, longform comics, or oral stories told at a walking pace. Meaning is revealed gradually, with space to pause, reflect, or stop entirely.

What Scrollytelling Means Here

Scrollytelling is the practice of guiding a reader through a narrative experience as they scroll down a page, layering plain-language ideas with deeper, richer context, stories, media, and reflections. At the top, you’ll find clear language that gives you the gist. As you scroll, you’ll encounter more nuance, background, examples, and connected voices.

Why We Use It

We know that people come to Stimpunks with different needs, attention patterns, and contexts. Some readers need just the main idea, others want depth and detail, and many fall somewhere in between. Scrollytelling lets everyone read at the pace they choose — so neither surface understanding nor deeper exploration is privileged over the other.

How It Works (Our Conventions)

Here are the building blocks of our scrollytelling style, designed with accessibility, clarity, and engagement in mind:

Front-load key points
Main concepts are presented early in plain language so you can get the gist quickly.

Multimodal content
We mix talk (text), media (images, music, video), and narrative elements so the experience isn’t just text on a page — it’s lived, felt, and heard.

Breaks and whitespace
Pauses, spacers, and careful spacing give your eyes and mind room to rest — especially important for sensory and attention differences.

Accordions and definitions
Expandable sections let you dive deeper only if you want to, with labels like “What is…” and “In other words…” to orient you.

Lists and skimmable design
We use bullets, bolded key sentences, and grouped blocks so you can skim or read in depth without losing meaning.

Tables of contents and visual signposts
Longer pages include mini-TOCs and signposts so you always know what’s coming next.

Conversational voice and humor
Because dryness erases people. We write the way people actually think and speak — with jokes, feelings, and humanity.

Influenced by Webtoons and Comics

Our storytelling is deeply influenced by webtoons and comics, where pacing is controlled by vertical movement and meaning lives in the spaces between panels. In comics, those spaces are called gutters—the blank space where readers make sense of what just happened.

On Stimpunks, whitespace is a gutter.

It’s where:

  • your nervous system gets a break
  • ideas have room to land
  • readers decide whether to keep going

We don’t rush you past the hard parts.

Pace Is Part of Accessibility

Scrolling pace matters. Fast, dense content assumes urgency, stamina, and linear attention. We reject that assumption.

Our pages are built so you can:

  • read a headline and stop
  • take in one idea at a time
  • skim without losing the core meaning
  • scroll slowly without penalty

This mirrors how many neurodivergent people actually process information: in bursts, loops, pauses, and returns.

Gutters, Not Walls

Instead of walls of text, we use:

  • short sections
  • visual breaks
  • lists and callouts
  • expandable definitions
  • lilypads

These are not stylistic flourishes. They are narrative gutters—intentional gaps that invite interpretation rather than overload.

We trust readers to do meaning-making themselves.

Story Over Extraction

Scrollytelling lets us layer:

  • plain-language explanations first
  • deeper context later
  • stories before abstractions
  • lived experience before theory

You don’t have to “finish” a page for it to work. If you leave halfway through, the story still respects you.

How This Feels in Practice

As you scroll, a Stimpunks page unfolds like a story: you encounter definitions, examples, voices from community, visuals, and explanations that expand on ideas only after you’ve seen the core meaning. This mirrors how people actually learn: start simple, then explore complexity when ready.

Read at Your Own Depth

You’re invited to read what you want and skip what you don’t. If you only scroll enough to see the headings and initial explanations, you’ll still get the essential idea. If you’re curious or have more time, the rest of the page rewards you with layered context, linked concepts, and reflections from lived experience.

You are allowed to:

  • scroll quickly
  • scroll slowly
  • skip sections
  • come back later

Nothing here is a test.

Our storytelling style assumes that attention is precious, energy is uneven, and understanding unfolds over time. We design accordingly.