Quitting · Editorial

Design Review — 18 May 2026

Six deliveries from Design Claude. For each, here's what's on the table — pick how (or whether) we ship it, and the picks-summary panel will let you copy your verdicts back to me.

How this works: Each section has preview links (open in new tabs) plus a set of "how should we use it?" cards. Click a card to pick it — pick more than one if both apply, click again to un-pick. The black panel bottom-right keeps a running tally. When you're done, hit Copy my picks and paste back here.
A

Background Noise · v3 (passive)

assets_out/background-noise/ · drift.html · letterpress.html

Mechanic-corrected rebuild — thoughts arrive, drift, fade. No catch-and-pin. Two visual treatments at the extremes of the register: clean italic drift on cream paper, vs ink-bloom letterpress stamps that dissolve back into the page. Both fully passive — no tap-to-summon, no clear button, no score.

▸ A · Drift ▸ B · Letterpress (Design's pick)

Open each in a new tab and let it run 30 seconds — the rhythm is the point. Drift = thoughts gently moving across paper. Letterpress = ink bloom settling into place, then dissolving.

How should we use it?

B

Pink Mist · book chapter illustration

assets_out/pink-mist/ · final/ + thumbs/ · SVG + 3× PNG

Three thumb directions explored (specimen plate · apothecary bell jar · weather cross-section). Direction B — the apothecary bell jar with a coiled serpent inside the rose mist — got refined. Delivered as 1:1 square (1200×1200) and 4:5 portrait (1200×1500), with 3× raster PNGs alongside the SVGs.

Matches the apothecary/specimen register the site already speaks (/cabinet-of-intrusives/, /theme-picker-bottle-v1/). No copy in the image — wordmark is typesetting's job.

1:1 square — book chapter opener / homepage card
4:5 portrait — print pages / longform article header

How should we use it?

C

Idle Hands · two prototypes (interactive + worksheet)

assets_out/idle-hands/ · variant_a_interactive.html · variant_b_worksheet.html

'The hours that used to go to drinking land somewhere — put them where you want them.' Twelve seed life areas (drinking starts huge), user adds more. Each bubble is sized by importance; resize and the field re-packs.

A is the daily widget (tap/drag/double-tap bubbles). B is the print-friendly worksheet (sliders + static viz, prints clean). Both share one localStorage key — Design's pitch is the hybrid is built-in: A is the screen tool, B is the artifact you stick on the fridge.

▸ A · Interactive bubble field ▸ B · Worksheet (printable)

Both share one localStorage key — edits in one carry to the other. Design's pitch: A is the daily widget, B is the artifact you print/save.

How should we use it?

D

G-list · Tier 1 — five book graphics (G3·G4·G5·G6·G10)

assets_out/g-list-tier1/ · 5 × SVG · 1200×800 · field-guide register

Book-blocker graphics from the master Graphics + Aesthetic list. All five share visual vocabulary (cream paper, corner brackets, Cormorant + Lora, hairline rules). Read as a family with /environmental-cues-spread/ and /cabinet-of-intrusives/.

G3 Habit loop · G4 Cravings curve · G5 Pink Mist / Pink Cloud overlap · G6 BA cycle (spiral + counter) · G10 HALT pocket card (front + back).

PLATE · III — THE HABIT LOOP the loop I · CUE what triggers it II · ROUTINE what you do III · REWARD what it gives A specimen loop · fill in your own. fig. 3 · cue → routine → reward
G3 · Habit loop
PLATE · IV — A SINGLE CRAVING, OVER TIME 1 5 10 INTENSITY · 1 — 10 → 0 min 5 15 30 30+ MINUTES FROM ONSET → The wave it rises fast, peaks early, and is mostly gone by 30 min. at 5 min still climbing — don't decide here at 15 min past the peak — it's already smaller at 30 min most of it gone without you doing anything A wave you can ride out — every time. fig. 4 · one craving episode
G4 · Cravings curve
PLATE · V — THE PINK MIST · OVERLAPPING CURVES DANGER ZONE weeks 2 – 8 0 2 4 6 8 10 12+ WEEKS SINCE LAST DRINK → INTENSITY → overconfidence "I've got this" cue vulnerability the old places, the old people both curves are high here. the seduction meets the cue. fig. 5 · two curves over time
G5 · Pink Mist / Pink Cloud overlap
PLATE · VI — BEHAVIOURAL ACTIVATION activity drops reward contact thins mood flattens withdrawal The Spiral DOWN — & INWARD YOU CHOOSE structured action fig. 6 one small action reward contact mood lifts capacity grows The Counter UP — & OUTWARD The way out is action before the mood for it arrives.
G6 · BA cycle (spiral + counter-spiral)
FIELD GUIDE · POCKET CARD HALT H ungry? A ngry? L onely? T ired? Before the next decision — pause. Address the one that's true first. FRONT WHEN THE URGE ARRIVES Hungry Eat something. Anything. Then revisit. Angry Move. Walk. Speak it out loud, alone. Lonely Call one person. Text counts. Tired Sleep is the answer. Set the alarm. The urge is asking for one of these. It's not asking for a drink. BACK — cut + fold —
G10 · HALT pocket card

How should we use it?

E

G-list · Tier 1 batch 2 — schedules · bingo · autopsy (G7·G8·G9)

assets_out/g-list-tier1-b/ · 4 × SVG + 1 × interactive HTML

G7 BA two-page schedule (weekday + non-workday — 7-9pm sun-orange-coded as risk window). G8 Pop-culture bingo (24 trope cells around a FREE square; print SVG + interactive web HTML with shuffle/reset and persistent state). G9 Three-layer relapse autopsy flowchart (Lead-up · High-risk · Permission slip → THE LAPSE).

FIELD JOURNAL · WEEKDAY · WORKING DAY PLATE · VIIa Today's Day DATE MOOD · BEFORE VALUE BEING SERVED TODAY HOUR ACTIVITY VALUE MOOD · AFTER 7 AM 9 AM 11 AM 1 PM 3 PM 5 PM 7 PM 9 PM 10 PM the historically risky stretch — plan it on purpose. One small thing per row. Mood is 1–10. Activity is a verb, not a feeling. FIG. 7A · WEEKDAY
G7a · Weekday schedule
FIELD JOURNAL · NON-WORKDAY · OPEN DAY PLATE · VIIb A Day Worth Spending DATE ONE THING YOU WANT TODAY TO HOLD BLOCK ACTIVITY WITH WHOM FELT LIKE MORNING 8 — 11 MIDDAY 11 — 2 AFTERNOON 2 — 5 EVENING 5 — 8 NIGHT 8 — bed evenings + weekends together are the hard part. plan early. Two activities per block is plenty. Open days fail when they're left open. FIG. 7B · NON-WORKDAY
G7b · Non-workday schedule
PLATE · VIII — POP CULTURE BINGO DRINK · BINGO spot the trope · mark the square · five in a row. Stressed day — wine Sports + beer commercial Wedding champagne toast Office happy hour as plot Cooking show "a glass for me" Heartbreak → bottle of whiskey "Cracking a cold one" Boss-tier scotch on desk Bar as the character's "home" Bartender as wise confidant "I deserve this" Champagne pop — good news FREE the bottle is on the table Hangover played for laughs "Just one" scene "Mom needs wine" joke Funeral whiskey Date night — whole bottle "Drink to forget" Vintage cocktail montage Birthday champagne New Year's toast scene Romance + cocktails Bachelor/ette drinking montage Quitter played as boring Once you see the tropes, you can't unsee them. fig. 8 · 25 squares · five in a row wins
G8 · Bingo (print version)
PLATE · IX — RELAPSE AUTOPSY · THREE LAYERS What happened. A lapse is not a failure of will. It is a sequence. Trace it. LAYER · I — LEAD-UP The week before What was sliding? Sleep, food, exercise, connection — what was already starting to thin out before the lapse? LAYER · II — HIGH-RISK SITUATION The moment Where were you? With whom? What time? What had just happened? What did the room look like — what was within arm's reach? LAYER · III — PERMISSION SLIP The sentence you told yourself What was the exact thought that made it OK? ("just one" · "I deserve this" · "nobody would know" · "it's been long enough") THE LAPSE FOR NEXT TIME Layer I tells you what to guard against next month. FOR NEXT WEEK Layer II tells you which situations to plan around. FOR NEXT TIME Layer III tells you what to expect the urge to say. fig. 9 · after Marlatt — lead-up · situation · permission
G9 · Relapse autopsy flowchart
▸ Open interactive bingo

How should we use it?

F

G-list · Batch 3 — calculator · entry page · popouts (G17·G18·G19)

assets_out/g-list-batch-3/ · 4 × HTML

G17 Savings Calculator — consolidated to one widget with four outputs (calories · money · hours · sleep). G18 Russian-Nyet entry splash — two aesthetic directions (Soviet hostile reset vs Translated to site palette). G19 Popout template — one CSS module with five register classes covering all 22+ manuscript popouts.

G17 · Savings Calculator

Consolidates calorie + money + hours + sleep into one widget with four output rows.

▸ Open calculator

G18 · Russian-Nyet Entry · A vs B

Splash page for first-time visitors. Two aesthetic directions on the same composition.

▸ A · Soviet (loud) ▸ B · Translated (Design's pick)

G19 · Popout Template

One CSS module, five registers (note · quote · warning · specimen · reference). Replaces ~22 popout instances in the book.

▸ See all five registers

How should we use it?

Picks are saved to this browser only — refreshing the page won't lose them, but switching devices will.