Editorial article · micro-decision grouping

Source · Dan, 2026-06-18

"A grouping of 3–4 micro-decisions that rolls up nicely."

The problem

An advice or how-to article written as flowing prose buries its useful parts. The reader has to read the whole thing to extract the moves; the writer has to find a single narrative thread to hang them on. Nothing in the piece is independently quotable or skimmable — the structure fights both the writing and the reading.

The alternative — a long listicle — dissolves the thesis. Thirty tips feel like trivia; the reader can’t hold the set, and there’s no single takeaway to walk away with.

The element, in-page

The demo below renders a three-move article following this exact pattern, set in Newsreader on the house cream. Toggle Reveal structure to surface annotation chips showing which micro-decision each element is performing — thesis rollup, imperative subhead, self-contained body. The article is functional both ways: skimmable at the headings, complete at the sentences.

Where it applies

Use when writing advice, how-to, or reflection pieces that have a single thesis and a handful of concrete moves. The ideal count is 3–4; the ceiling is about a dozen (list-scale variant). The canonical editorial surface is happiness.gf.cx/behaviour/; long-form editorial archive at dash.gf.cx.
Skip when the piece is primarily narrative or descriptive (no imperative moves exist), when the topic doesn’t reduce to a thesis, or when the move-count exceeds a dozen and the better form is a reference document.
Watch for soft subheads. A heading that describes (“On greetings”) rather than instructs (“Take control of the greeting”) loses the skim value entirely. Every subhead must be a concrete imperative the reader can act on without reading the body at all.
Watch for missing rollup. Moves that don’t compose into one takeaway are just a list. The one-line thesis under the title is what makes the grouping an article.

Reusable elements

Drop cap opener — CSS ::first-letter on the first move’s body paragraph; float left, Newsreader italic, accent green (#2c4a3a). Marks the article’s beginning without a decorative image. Lift without the rest.
Hairline move dividers — 1px solid rgba(26,24,22,.12) rules between moves; groups the structure without heavy visual weight. Scale to any section count.
Kicker + italic title block — monospace uppercase kicker, large Newsreader italic h1. Signals “editorial” before the reader processes a word. Reusable across surfaces.
One-line thesis — smaller italic text directly under the title; the rollup sentence the moves compose into. Keep to one sentence — if two are needed, the thesis isn’t tight enough yet.
Imperative subhead rhythm — font-weight 600, no italic, slight negative letter-spacing. The visual register shift from body text to subhead must read immediately; the contrast is the skimmability mechanism.

Reference

Source: Dan, 2026-06-18 — “a grouping of 3–4 micro-decisions that rolls up nicely.”
In use / example: happiness.gf.cx/behaviour/the-four-second-read/ — 5 moves, closest to the ideal 3–4 count. Copy the section markup as the starting template; the subheads are the pattern in its clearest form.
Reusable elements: Drop cap opener · hairline move dividers · kicker + italic title block · one-line thesis · imperative subhead rhythm (all listed above).
Origin: Observed across happiness.gf.cx behavioural articles; distilled 2026-06-18 as the repeating shape in the highest-signal pieces. Further exemplars: on-being-heard/ (~8 moves) · eleven-things-self-growth/ (11 moves, list-scale ceiling).