# Mapa de `01-canonicos/seed-composicao.md` v2.6 — Composição

*as leis de composição CP1–CP32.*

> Gerado por `06-validacao/geradores/gen-skill.py` do índice das fatias (`https://ds.seed.eng.br/10-publicacao/ia/indice-ia.json`). Uma linha por seção.
> **Escolha a seção pela coluna "quando consultar", nunca pelo título** — os títulos deste canon carregam placar, data de gate e "fecha o bloco"; a frase diz o que a seção responde.
> "≈ tokens" = bytes ÷ 4 (estimativa). A página é a vitrine em HTML (com a bancada embutida quando há); o `.md` é a fatia crua, byte a byte igual ao canon.
> Tamanho deste arquivo: ≈ 1925 tokens, 19 seções — cabe numa leitura.
>
> **Antes de abrir este mapa, a rota mais barata é o índice por necessidade no ar:** https://ds.seed.eng.br/10-publicacao/ia/seed-composicao/_index.md
> Canônico inteiro (só se a tarefa for sobre o documento todo): https://ds.seed.eng.br/01-canonicos/seed-composicao.md — 80301 bytes, MD5 `1d7d22dd26ae1f1c57174001e2bda8f3`.

| § | quando consultar | seção (título do canon) | página | .md (fatia) | ≈ tokens |
|---|---|---|---|---|---|
| cabeçalho | As regras de MONTAGEM de tela: canvas, peças, calha, colapso — versão e estado. | cabeçalho (H1 e notas de abertura) | https://ds.seed.eng.br/canon/seed-composicao/_cabecalho/ | https://ds.seed.eng.br/10-publicacao/ia/seed-composicao/_cabecalho.md | 550 |
| 00 | Para quem chega agora: o que é composição e onde ela para (componentes e tokens). | Para quem nunca viu este projeto | https://ds.seed.eng.br/canon/seed-composicao/00-para-quem-nunca-viu-este-projeto/ | https://ds.seed.eng.br/10-publicacao/ia/seed-composicao/00-para-quem-nunca-viu-este-projeto.md | 495 |
| 01 | CP1: a tela é um canvas com peças sobre ele (raio, par sombra+anel, calha sp-3). | A lei de origem — CP1 (o SH16 vira lei · executa o SUP-1 do confronto) | https://ds.seed.eng.br/canon/seed-composicao/01-a-lei-de-origem-cp1-o-sh16-vira-lei-executa-o/ | https://ds.seed.eng.br/10-publicacao/ia/seed-composicao/01-a-lei-de-origem-cp1-o-sh16-vira-lei-executa-o.md | 1088 |
| 02 | CP2: os sete tipos de bloco de toda tela; classifique o elemento antes de estilizá-lo. | Vocabulário mínimo de blocos — CP2 | https://ds.seed.eng.br/canon/seed-composicao/02-vocabulario-minimo-de-blocos-cp2/ | https://ds.seed.eng.br/10-publicacao/ia/seed-composicao/02-vocabulario-minimo-de-blocos-cp2.md | 1434 |
| 03 | CP3–CP12: o contrato de montagem por ARQUÉTIPO, 23 gabaritos — canvas, peça, raio, calha. | Contrato de montagem por arquétipo — CP3 a CP12 | https://ds.seed.eng.br/canon/seed-composicao/03-contrato-de-montagem-por-arquetipo-cp3-a-cp12/ | https://ds.seed.eng.br/10-publicacao/ia/seed-composicao/03-contrato-de-montagem-por-arquetipo-cp3-a-cp12.md | 3378 |
| 04 | CP13–CP14 — como um template se declara: gramática, slots, o que a instância pode mudar. | Como um template se declara — CP13 e CP14 | https://ds.seed.eng.br/canon/seed-composicao/04-como-um-template-se-declara-cp13-e-cp14/ | https://ds.seed.eng.br/10-publicacao/ia/seed-composicao/04-como-um-template-se-declara-cp13-e-cp14.md | 758 |
| 05 | CP15–CP16 — densidade e a ordem canônica de colapso da tela até 360 px. | Densidade e ordem de colapso — CP15 e CP16 | https://ds.seed.eng.br/canon/seed-composicao/05-densidade-e-ordem-de-colapso-cp15-e-cp16/ | https://ds.seed.eng.br/10-publicacao/ia/seed-composicao/05-densidade-e-ordem-de-colapso-cp15-e-cp16.md | 797 |
| 06 | CP17–CP21 — apresentabilidade como regra: sombra+anel, o que dá vida visual sem cor isolada. | Apresentabilidade como regra de composição — CP17 a CP21 | https://ds.seed.eng.br/canon/seed-composicao/06-apresentabilidade-como-regra-de-composicao-cp17/ | https://ds.seed.eng.br/10-publicacao/ia/seed-composicao/06-apresentabilidade-como-regra-de-composicao-cp17.md | 1471 |
| 07 | CP22–CP24: cor em composição — cor de entidade, gradiente de chrome, marcador de agora. | Cor em composição — CP22 a CP24 *(decisões de MARCA — **`estável`**, gate visual aprovado em 2026-08-14: G3 e G4)* | https://ds.seed.eng.br/canon/seed-composicao/07-cor-em-composicao-cp22-a-cp24-decisoes-de-marca/ | https://ds.seed.eng.br/10-publicacao/ia/seed-composicao/07-cor-em-composicao-cp22-a-cp24-decisoes-de-marca.md | 1384 |
| 07b | CP25: os cinco primitivos de layout (pilha, cluster, lateral, grade, centro); todo espaçamento vem deles. | Primitivos de layout — CP25 *(camada nova, F5/2026-08-15)* | https://ds.seed.eng.br/canon/seed-composicao/07b-primitivos-de-layout-cp25-camada-nova-f5-2026/ | https://ds.seed.eng.br/10-publicacao/ia/seed-composicao/07b-primitivos-de-layout-cp25-camada-nova-f5-2026.md | 709 |
| h07b | *(sem frase ainda — LC-12)* | Histórico da seção §07b — Primitivos de layout — CP25 (não é regra) | https://ds.seed.eng.br/canon/seed-composicao/07b-historico/ | https://ds.seed.eng.br/10-publicacao/ia/seed-composicao/07b-historico.md | 77 |
| 07c | CP26–CP28 — responsivo em duas camadas: gabarito, container query nomeada (app/tela/pagina/conteudo…), viewport e reflow. | Responsivo em DUAS camadas — CP26, CP27 e CP28 *(F7–F9/2026-08-15)* | https://ds.seed.eng.br/canon/seed-composicao/07c-responsivo-em-duas-camadas-cp26-cp27-e-cp28-f7/ | https://ds.seed.eng.br/10-publicacao/ia/seed-composicao/07c-responsivo-em-duas-camadas-cp26-cp27-e-cp28-f7.md | 1213 |
| h07c | *(sem frase ainda — LC-12)* | Histórico da seção §07c — Responsivo em DUAS camadas — CP26, CP27 e CP28 (não é regra) | https://ds.seed.eng.br/canon/seed-composicao/07c-historico/ | https://ds.seed.eng.br/10-publicacao/ia/seed-composicao/07c-historico.md | 61 |
| 07d | CP29–CP30: relações entre blocos e arraste — o que acontece ENTRE duas peças. | Relações de composição e arraste — CP29 e CP30 *(F4 e F12/2026-08-15)* | https://ds.seed.eng.br/canon/seed-composicao/07d-relacoes-de-composicao-e-arraste-cp29-e-cp30-f4/ | https://ds.seed.eng.br/10-publicacao/ia/seed-composicao/07d-relacoes-de-composicao-e-arraste-cp29-e-cp30-f4.md | 1525 |
| 07e | CP32 — escala de figura: densidade de dado não depende da largura da tela. | Escala de figura — CP32 *(F7.3/2026-08-16 · a lei que já tinha guarda antes de ter texto)* | https://ds.seed.eng.br/canon/seed-composicao/07e-escala-de-figura-cp32-f7-3-2026-08-16-a-lei-que/ | https://ds.seed.eng.br/10-publicacao/ia/seed-composicao/07e-escala-de-figura-cp32-f7-3-2026-08-16-a-lei-que.md | 732 |
| 08 | Supersedes formais deste arquivo: o que ele superou e o que o superou. | Supersedes formais — emitidos e recebidos por este arquivo | https://ds.seed.eng.br/canon/seed-composicao/08-supersedes-formais-emitidos-e-recebidos-por/ | https://ds.seed.eng.br/10-publicacao/ia/seed-composicao/08-supersedes-formais-emitidos-e-recebidos-por.md | 911 |
| 09 | Erratas achadas na fase — o que estava errado e como fechou. | Erratas achadas nesta fase | https://ds.seed.eng.br/canon/seed-composicao/09-erratas-achadas-nesta-fase/ | https://ds.seed.eng.br/10-publicacao/ia/seed-composicao/09-erratas-achadas-nesta-fase.md | 368 |
| 10 | O que este arquivo NÃO cobre — as fronteiras com componentes, dataviz e telas. | O que esta fase NÃO cobre | https://ds.seed.eng.br/canon/seed-composicao/10-o-que-esta-fase-nao-cobre/ | https://ds.seed.eng.br/10-publicacao/ia/seed-composicao/10-o-que-esta-fase-nao-cobre.md | 1464 |
| 11 | Registro do documento: versão, estado, decisões CP1–CP32, pendências. | Registro do documento | https://ds.seed.eng.br/canon/seed-composicao/11-registro-do-documento/ | https://ds.seed.eng.br/10-publicacao/ia/seed-composicao/11-registro-do-documento.md | 1655 |