---
fonte: 01-canonicos/seed-composicao.md
versao_da_fonte: v2.1
secao: cabeçalho
titulo: "cabeçalho (H1 e notas de abertura)"
sequencia: 1 de 17
bytes_do_corpo: 2200
md5_do_corpo: 86b5641d97cd68d7a52970d95f33b593
gerado_por: 06-validacao/geradores/gen-camada-ia.py
nota: fatia GERADA — o corpo abaixo é byte a byte o trecho do canônico; edite o canônico, nunca esta fatia. Canônico inteiro em https://ds.seed.eng.br/01-canonicos/seed-composicao.md
---
# SEED Design System v2 — Composição de tela · `seed-composicao.md`

> **Versão:** v2.1 · **Data:** 2026-08-16 · **Estado:** **`estável` — TODAS as decisões, incluindo CP25–CP31.** Promoção autorizada pelo Rafael em 2026-08-16 ("aprovo") após o gate visual sobre as SEIS telas do projeto (`tela-shell`, `tela-referencia`, `tela-tabela`, `tela-lista`, `tela-chat`, `tela-detalhe`). O gate encontrou dois defeitos reais que as cinco camadas automatizadas não pegaram — a lista de fundo acompanhando a navegação dentro do modal e a topbar sem degrau por contêiner —, ambos consertados e transformados em guarda permanente antes da promoção. Entra nesta edição, junto, a **LEI DE ESCALA DE FIGURA** (§7c), que existia como guarda (`suite-escala-figura.mjs`, 87 · 0) e não existia como lei escrita: a dívida A-P2 aberta na v8.4 do MANIFESTO fecha aqui, pela via declarada — *entra no canônico na promoção* — gate visual do Rafael
> aprovado em 2026-08-14 sobre o `seed-composicao-preview.html` v0.1 (cinco vereditos, G1–G5,
> registrados no §11), após camada de render em Chrome real (10 verificações · 0 achados:
> marcador invariante entre temas conferido em cor renderizada, calha medida em 12px, anel na
> sombra com border 0, zero overflow a 360px, console limpo).
>
> **12º canônico do sistema.** Vive na raiz de `Design System v2/` no Google Drive, ancorado
> por MD5 no `validacao/MANIFESTO.md`. Nasceu da Fase 2 do trabalho de composição de tela,
> sobre os insumos do `confronto-referencias-ds.md` v1.0 (Fase 1, aprovada em 2026-08-14).
>
> **Papel deste arquivo:** ele é dono das **regras de montagem de tela** — a camada que faltava
> entre "componente" e "página". Referencia componentes (`seed-componentes.md`), tokens
> (`seed-tokens.md`) e marca (`marca-seed.md`) **sem nunca duplicar valores** — a mesma relação
> que o `seed-dataviz.md` tem com a camada de tokens (DF7: *"uma fonte, referência sem
> duplicação"*). Onde este arquivo cita um número de contraste, o número foi **medido nesta
> edição** contra os hex do `seed-tokens.css` v1.9 (fórmula WCAG 2.1 de luminância relativa),
> ou vem citado com a fonte.

---