---
id: design-quality-checklist
kind: checklist
agent: qa
gate: Visual Quality
decision: "default REPROVADO; APROVADO só com evidência VISUAL (screenshot da UI renderizada) E: nenhum tell crítico (T1,T3,T5,T6) presente E no máximo 2 tells no total E os 4 itens de acabamento crítico (A1,A4,A6,A9) passam — senão FAIL com os tells nomeados e a correção"
---

# Design Quality Checklist (Visual Quality)

> A Quinn roda isto no **endurecer**, sobre a UI RENDERIZADA (não sobre o diff), quando a story
> entrega interface. É o dente HARD da rota design-first (Onda 9.2): mesmo que o coordenador tenha
> pulado o UX, o acabamento não passa daqui sem qualidade. **Default é REPROVADO** — o ônus da prova
> é da tela, não da dúvida. Sem screenshot da UI, não há avaliação: o gate não atesta o que não viu.
>
> Régua derivada dos packs `web-craft/anti-ai-look` (os tells) e `web-craft/visual-polish-review` (as
> lentes de acabamento). FAIL vira `QaVerdict` com `evidence` (o screenshot) e a lista de tells.

## Parte 1 — "Isto parece feito por IA?" (tells — presença REPROVA)

Marque cada tell PRESENTE. **Críticos (T1, T3, T5, T6) reprovam sozinhos.** 3+ tells no total = FAIL.

- [ ] **T1 (crítico) — Estética de component-library default:** shadcn/Material sem customização, mesmos cantos e sombras de todo template.
- [ ] **T2 — Tipografia Inter/system em tudo**, um ou dois pesos, sem par de caráter nem hierarquia real.
- [ ] **T3 (crítico) — Gradiente índigo→violeta / roxo→rosa** no hero, botões ou blobs de fundo.
- [ ] **T4 — Glassmorphism/blur** aplicado sem motivo em todo card.
- [ ] **T5 (crítico) — Tudo centralizado** num eixo vertical único do topo ao fim.
- [ ] **T6 (crítico) — Grid de 3 cards iguais** (ícone + título de 2 palavras + parágrafo genérico).
- [ ] **T7 — Espaçamento uniforme** em múltiplos de 8 sem ritmo; nenhuma seção respira diferente.
- [ ] **T8 — Ilustrações blob 3D / stock / gradient mesh** sem relação com a marca.
- [ ] **T9 — Estrutura previsível** hero→logos→features→depoimento→CTA sem nenhuma surpresa.
- [ ] **T10 — Motion uniforme:** tudo faz o mesmo fade-up, mesma duração, mesmo easing.
- [ ] **T11 — Copy vaga de "empoderamento"** ("Empower your workflow"), sem dizer o que faz e pra quem.
- [ ] **T12 — Detalhes esquecidos:** seleção de texto default, foco azul do browser, favicon genérico.

## Parte 2 — Acabamento (lentes de visual-polish — ausência REPROVA)

**Críticos (A1, A4, A6, A9) reprovam sozinhos** se falharem.

- [ ] **A1 (crítico) — Hierarquia por peso e cor,** não só por tamanho: há um ponto focal claro por tela.
- [ ] **A2 — Escala tipográfica modular** e line-height inverso (corpo ~1.5, títulos ~1.1–1.2).
- [ ] **A3 — Medida (line length)** controlada (~45–75 caracteres) no corpo de texto.
- [ ] **A4 (crítico) — Cor como sistema:** 8–10 tons de cinza (com temperatura) + primárias com shades, não 3 cores soltas.
- [ ] **A5 — Cinza nunca sobre fundo colorido** (usar o tom colorido escurecido, não cinza opaco).
- [ ] **A6 (crítico) — Espaçamento com ritmo** (escala não-linear, extremos usados), não tudo uniforme.
- [ ] **A7 — Elevação em camadas** (sombra de luz suave, não cinza opaco chapado).
- [ ] **A8 — Separação sem borda** onde couber (espaço/fundo em vez de linha em tudo).
- [ ] **A9 (crítico) — Estados de botão completos:** hover, active, **focus desenhado** (não o anel azul default), disabled; hierarquia primária/secundária clara.
- [ ] **A10 — Empty states e estados de erro desenhados** (não "sem dados" cru).

## Como reprovar (fail-closed)

REPROVADO quando: falta o screenshot da UI renderizada · **qualquer** tell crítico (T1/T3/T5/T6) presente ·
**qualquer** item de acabamento crítico (A1/A4/A6/A9) falho · **3+ tells** no total. FAIL emite
`QaVerdict` (severidade P1/P2 conforme o item), `evidence` = o screenshot e a lista dos tells/lentes
que reprovaram, e `fixInstructions` apontando o princípio de craft correspondente. Reprovar aqui 2–3
vezes é o processo funcionando — cada ciclo tira uma camada da "cara de IA".