# Composition Grammars — pick by content shape, rotate for variety

Media-neutral composition vocabulary. Each grammar has a ready-to-paste prompt
paragraph in `prompt-recipes.md` §Grammar paragraphs. (HTML grid recipes for the
legacy fallback live in `../legacy-html/grid-recipes.md`.)

| grammar | best for | density | signature elements |
|---|---|---|---|
| **numbered-card mosaic** | reference-like 完全図解, many parallel topics | high (10–12) | 3×4 pastel cards, number circles, mini tables/flows/donuts, big-message card |
| **medium mosaic + banner** | guides with 6–9 sections | medium | varied-width cards over 2 rows, full-width conclusion banner with mascots |
| **hero steps poster** | thin content after expansion, 手順が主役 | low | 3 big step bands with large icons, side support panels, boxless message strip |
| **boxless zones + journey** | 習慣・プロセス・成長もの | medium | color-wash zones, tab-ribbon headings, dashed path with numbered stations, speech-bubble mascots |
| **dialog** | FAQ・初心者向け・誤解を解く系 | low–medium | shiba asks / cat answers in alternating bubbles, summary ribbon |
| **hub / center-radial** | 概念の分解・要素マップ | medium | central concept badge, 5–6 satellites on dashed spokes |
| **magazine / big-number** | 少数の強い主張・数字が主役 | low | left-aligned title + color bar, oversized keywords/numbers, editorial spacing |

Selection order:
1. Content shape first — 手順→hero steps or journey / 対比→mosaic with duo panel /
   割合→a card with a donut / FAQ→dialog / 概念→hub / 主張→magazine.
2. Then variety — if the previous piece used that grammar, take the next best fit.
3. Then density — confirm the section count matches the grammar's density column
   (expand low content first per `content-expansion.md`).

Within any grammar, also rotate: header style (centered / left-aligned bar / badge),
section labeling (number circles / tab ribbons / icon flags), conclusion form
(banner card / boxless strip / ribbon), and the mascot cast.
