Composição
0. Para quem nunca viu este projeto
Em uma frase: Apresenta o projeto: o DS governa todos os produtos da SEED em três camadas — primitivo, semântico, componente.
A SEED engenharia é uma empresa de engenharia elétrica (MG, ES e BA — solar fotovoltaica,
subestações de média tensão, grupos geradores, projetos e consultoria). O SEED Design System
v2 ("o DS") é o sistema de design canônico de todos os produtos da empresa: SIGA (Sistema Integrado de Gestão Assistida), site
institucional, aplicativos, e-mail, documentos técnicos e material físico. Três camadas:
primitivos (hex, pixel) → semânticos (papel: surface-raised, text-primary) →
componentes (botão, tabela, painel) — a arquitetura das três camadas é do seed-tokens.md §1.
Até esta fase, o DS tinha componentes (§1–§45 do seed-componentes.md) e patterns de
página (§46 Shell, §47 Página institucional, §48 Painel). O que não tinha era o contrato de
montagem: como as peças de uma aplicação se dispõem umas em relação às outras — quem é fundo,
quem é peça, qual folga, o que encosta na borda. A ausência foi medida duas vezes (gate do
Rafael de 2026-08-14 sobre o shell: "blocos colados"; e o §48 declarando superfície por
arquétipo de forma dispersa, sem lei que ligue). Este arquivo é essa camada. A lei de base
(canvas, peça, par sombra + anel, calha) abre no §1.
Premissas estruturais herdadas, que valem em toda linha abaixo: paridade mobile total (pior caso de teste 360px — todo arquétipo declara o comportamento abaixo de 600px ou está incompleto) · dataviz e densidade de dados como prioridade de primeira classe · paleta 2018 e logo intactos · nenhum token novo sem medição · supersede formal obrigatório.
Vocabulário mínimo: canvas = o fundo sobre o qual as peças pousam · peça = o cartão que carrega conteúdo · calha = a folga entre peças · degrau/stop = posição numa rampa tonal · gate visual = o Rafael abrindo o artefato num browser real, camada que nenhuma suíte substitui.