15 · Figure index

All twenty-one illustrations in the pack, with what each shows, where it appears, and whether it depicts Anthropic's material or ours. Every figure is a standalone file you can lift straight into a deck.

How to reuse these

Each figure is an independent .svg in site/assets/figures/. They carry no external references and no webfonts, so a single file is the whole illustration — drag one into Keynote, Figma, a doc or another web page and it works. Each embeds its own prefers-color-scheme block, so it follows the viewer's light or dark setting without any page-level CSS.

Attribution, as everywhere in this pack

documented means the figure depicts Anthropic's own model, with their wording. synthesis means the structure or framing is ours — see §14. Check the tag before you put one in front of an audience and attribute it to Anthropic.

Foundations

Configuration & control

Risk & decision

Adoption & fluency

Synthesis

These five carry the pack's original argument. They are the ones to redraw first if you rebuild this in your own visual language.

Manifest

FigFileHeightUsed inAttribution
2.1shared-engine.svg364§02documented
3.1agentic-loop.svg220§03documented
3.2execution-model.svg310§03documented
4.1away-from-desk.svg324§04documented
6.1config-units.svg296§06documented
6.2context-loading.svg340§06documented
6.3request-vs-guarantee.svg384§06documented
7.1permission-modes.svg404§07documented
8.1two-condition-risk.svg316§08documented
10.1decision-tree.svg340§10synthesis
10.2surface-selection.svg276§10documented
12.1maturity-ladder.svg422§12mixed
12.2adoption-roadmap.svg328§12documented
13.2four-d-loops.svg372§13mixed — nesting unsupported, see §13
13.1three-modes.svg262§13mixed
14.1decision-grid.svg454§14synthesis
14.2who-judges.svg266§14synthesis
14.3reversibility-spectrum.svg244§14synthesis
14.4failure-modes.svg344§14synthesis
14.5trust-vs-capability.svg414§14synthesis
14.6concept-map.svg324§14synthesis

Technical contract

All conform to the mechanical rules in site/assets/figures/SPEC.md, verified programmatically. The spec's legibility guidance ("~12 text elements") is deliberately relaxed for the text-dense figures, which carry class="dense" instead. If you add a figure, match the mechanical rules.

RuleValue
CanvasviewBox="0 0 720 H"; no width/height on <svg>, so page CSS sizes it
Accessibilityrole="img" plus <title> and <desc>, referenced by aria-labelledby; alt text supplied at the embed site
ThemingEmbedded stylesheet with a prefers-color-scheme: dark block; background always transparent
PaletteMatches style.css. Rust = Cowork or emphasis · green = Claude Code or safe · ink = shared · amber = partial · red = blocked or irreversible
TypeSystem font stack, px sizes only, manual line breaks (SVG does not wrap)
Self-containmentNo scripts, webfonts, external images or xlink:href. No gradients, shadows or filters
IDsEvery id namespaced with the filename slug, so several figures can coexist on one page
Narrow screensText-dense figures carry class="dense" on the <figure>: below 640px they scroll horizontally rather than shrinking type below legibility
If you redraw these

The five synthesis figures are the ones carrying an argument rather than reporting a fact, so they are where your own visual language will pay off most. The documented ones are closer to transcription — redraw them for house style if you like, but check the wording against §16 before changing a single label, because several are verbatim quotes.