26. Card

Base (3 rodadas, 2026-08-04): R1 — M3 cards (elevated/filled/outlined com legibilidade equivalente — escolha é estilística), NN/g (sombra como signifier de clique), Carbon tile×card (tile é fundação sem estilo de conteúdo; card constrói em cima), Nathan Curtis (card inteiro clicável × zonas interativas), Berkeley DAP (heading + affordance obrigatórios). R2 — shadcn (6 sub-componentes; CardTitle migrou de h3→div para NÃO quebrar hierarquia de headings), EUI (card sobre panel; title em span configurável; regras de nesting), React Aria. R3 — Inclusive Components/cards (fonte primária: pseudo-content trick + redundant click), Adrian Roselli (block links: wrapper <a> vira bloco ilegível em AT), Intopia (teste de usabilidade real: usuários com dislexia/baixa visão falham ao selecionar texto sob o trick), Fiori object card.

26.1 Decisões CD1–CD5#

⚠ SUPERSEDE PARCIAL DO CD1 — decisão do Rafael em 2026-08-15 (pacote PN-P7/CP-P2, MANIFESTO v7.6→v7.7), verbatim: "o que vai prevalecer é o que construímos agora, se alguma informação antiga ainda não foi atualizada, ela não serve para referência se já temos atualização para ela. acredito ser a opção A." O conflito era latente desde o nascimento do CP17 (2026-08-14): o CD1 declarava borda como mecanismo default de separação do card, e o CP17 (lei de composição, gate G1) declara que toda PEÇA se separa do canvas pelo par sombra+anel — anel de 1px na tinta border-subtle DENTRO da declaração de sombra, slot border livre para estado. Resolução: quando o card é PEÇA sobre canvas (o caso de tela composta — bloco de painel, cartão de formulário, a tabela inteira), o CP17 prevalece e a separação é o par. O que o CD1 PRESERVA: a difusa do par é a shadow-raised sutil (0 1px 2px @ 10%), não a "sombra multiplicada" que o porquê original temia — o racional anti-ruído do ERP denso segue respeitado; "elevated como destaque deliberado" segue valendo para a sombra FORTE; e o outlined literal (borda no slot border) permanece legítimo apenas em contexto INTERNO a outra peça (o well do CD5, contornos dentro de cartão), onde o elemento não é peça sobre canvas. Consequência declarada: os previews de componente que demonstram o card outlined como default (superfícies e herdeiros) ficam DEFASADOS desta decisão até o retrofit próprio — pendência CP-P4, registrada no MANIFESTO v7.7 (não entrou no lote PN-P7/CP-P2 de propósito: migrar artefato de spec sem o supersede escrito seria inverter a ordem decisão→artefato). O mecanismo permanece UM só por contrato (CP17 do seed-composicao.md): dois mecanismos convivendo em tela seria reintroduzir a dispersão que aquele arquivo mata.

26.2 Anatomia e tokens (camada 3 — pares light/dark declarados)#

--seed-card-bg = surface-raised (branco / #1D272D) · --seed-card-border = border-subtle (cinza-100 / #38464F) — borda DECORATIVA declarada (1.21 light / 1.75 dark, medidos): a separação é carregada por espaço + raio + mudança de superfície + tipografia; contorno não é portador único de informação (mesmo racional do skeleton §19.2) · --seed-card-radius = 12px (radius lg) · padding interno 16px (12 no content vertical) · elevated: --seed-shadow-raised + no dark borda #38464F visível (par de elevação §2.8). Interação medida: título-link tq-600/branco 4.60 AA light · tq-300/dark-page 9.32 AAA dark, sublinhado sempre; focus ring padrão (§1); hover do navegável = sombra raised (reforço, nunca canal único — a sublinha do link é o sinal permanente).

26.3 Os 7 testes#

1. Pares medidos: título-link 4.60/9.32 ✓; textos herdam primário/secundário (13.86/6.55 light · 14.16/8.92 dark) ✓; bordas declaradas decorativas com justificativa. 2. Clique sinalizado por sublinha+cursor+hover, nunca só tom. 3. Grayscale: contorno+raio+peso carregam (provado no preview). 4. Estático × navegável × selecionável a 1s (nada × sublinha no título × checkbox visível). 5. Regra do um: 1 gesto primário; máx. 2 secundárias. 6. Selecionado visível sem interação (borda de ação + input marcado). 7. 360px: padding 16, CTA full-width herdando §1 v0.7, área de toque ≥44. (Validação executada completa: suite F 32/32 + regressão A–E 166/166; visual aprovada 2026-08-05.)

---