# Composition Patterns How to architect a project — when to inline everything in one HTML, when to split into sub-compositions, what the `index.html` orchestrator looks like at scale, and the common sub-composition archetypes seen in real projects. Pair with `minimal-composition.md` (single-file shape) and `sub-compositions.md` (mechanics of a sub-comp file). ## Two Architectures | | Monolithic (single file) | Modular (sub-compositions) | | --------------------- | ------------------------------------------------------- | ------------------------------------------------------------------------------------ | | Project layout | `index.html` only | `index.html` + `compositions/.html` per scene | | Where scenes live | Inline `

` siblings under the root | Each scene is a separate file wrapped in `