# s5-cartaz — «Cartaz»

**Estado:** PASS · **Acento:** vermelho de segurança `#C9271B` · **Objeto:** o cartaz serigrafado a duas tintas

**Prova** (2026-08-18)
```
PASS  1440px  overflow=nao  consola=0  ids-dup=0  img-partidas=0/3  verde-max=0.00%
PASS   768px  overflow=nao  consola=0  ids-dup=0  img-partidas=0/3  verde-max=0.00%
PASS   390px  overflow=nao  consola=0  ids-dup=0  img-partidas=0/3  verde-max=0.00%
```
Detetor de design: **0 achados**.

**A ideia em três linhas.** Antes da chapa esmaltada e antes do painel, a
sinalética de fábrica era **impressa**: o cartaz serigrafado a duas tintas,
pregado à parede da nave. Preto e uma cor, papel à vista, tipografia gigante
porque tinha de se ler a vinte metros. É a mais gráfica das cinco e a resposta
directa ao maior risco da M5 — **nenhum tema comercial tem esta escala de
letra**.

**Contraste — medido.**

| Par | Rácio | Veredicto |
|---|---|---|
| `#C9271B` sobre `#F6F1ED` | 4,94:1 | passa |
| `#FFFFFF` sobre `#C9271B` | 5,54:1 | passa |
| `#F6F1ED` sobre `#C9271B` | 4,94:1 | passa (chamada) |
| `#191919` sobre `#F6F1ED` | 15,68:1 | passa |
| `#5B5750` sobre `#F6F1ED` | 6,40:1 | passa (corpo) |
| `#D8362A` sobre `#F6F1ED` | **4,18:1** | 🔴 chumba — **foi por isto que o vermelho escureceu** |

O `#D8362A` era o vermelho de segurança mais óbvio e o mais parecido com o âmbar
da M5 em luminosidade. Chumbou por 0,32. `#C9271B` é o mesmo vermelho meio tom
abaixo, e passa.

**🔴 O risco cromático desta variante, e como está resolvido.** O vermelho e a
folha **verde-oliva** da marca são complementares — é o par mais arriscado dos
cinco. A saída não é recolorir nada (a arte não se toca): é **afastamento**. O
cabeçalho é só papel e grafite, e o vermelho só começa a partir da primeira
régua. Nunca encostam no mesmo enquadramento.

**Decisões de design.**
- **Duas tintas e só duas.** Grafite e vermelho. A faixa de fotografia é
  **duotone** a sério: `grayscale(1)` mais uma tinta vermelha em
  `mix-blend-mode: multiply` — sobreimpressão, como na chapa.
- **Sem cartões.** Cada produto é uma entrada de cartaz: número enorme a
  vermelho, nome enorme a grafite, duas linhas de miúdo, régua de 2 px por baixo.
  A linha inteira inverte para grafite no hover.
- **Réguas de 7 px** a abrir e a fechar cada bloco. É a barra do cartaz.
- **Grão de papel** por `repeating-linear-gradient` a 2,2% — tira o plano
  digital sem uma única imagem.

**Movimento.** Um momento só, e é o gesto de imprimir: **a tinta varre da
esquerda** (`clip-path: inset(0 100% 0 0) → 0`, 620 ms). Sem fade, sem
deslocamento — é o rodo na tela.

**🔴 O bug que só o screenshot apanhou, e é o mais importante desta volta.**
A prova de página inteira saiu com **a entrada «Espuma de EVA» e as três de
conformidade INVISÍVEIS** — quatro blocos de conteúdo real, numa página que
passou nos três viewports. Causa medida: o `IntersectionObserver` tinha
`rootMargin: 0px 0px -8% 0px`, o que encolhe a raiz observada para 828 px
enquanto o `verifica.mjs` percorre a página aos saltos de **900 px**. Abre-se uma
**banda cega de 72 px** que nunca é observada, e um elemento inteiro cabe lá
dentro. A margem passou a `0`, e foi acrescentada uma rede de segurança em
`scroll` que revela qualquer `.rev` que já passou pelo ecrã. **Aplicado às
cinco.**

**Duas falhas de contraste que só a medição no browser apanhou.** A tabela acima
media **pares de cores**; o que falta a uma tabela dessas é o que a cascata faz
com eles.
- 🔴 O carimbo `[rascunho]` é vermelho sobre papel — mas dentro da secção a
  grafite e no hover da entrada, o fundo passa a grafite e o carimbo fica a
  **3,17:1**. Corrigido: sobre tinta passa ao rosa da mesma tinta, 8,99:1.
- 🔴 O texto da chamada estava a `rgba(246,241,237,.92)` sobre o vermelho, o que
  dá **4,37:1** e chumba por 0,13. A tabela dizia 4,94:1 e dizia bem — mas para
  o papel a **100%**. Corrigido para 100%.

**Risco.** É a mais opinativa. Tipografia a 104 px não tem meio-termo: ou é
memorável ou é agressiva. E o vermelho, num site industrial, lê-se como alerta —
o que pode ser energia ou pode ser errado para quem vende fiabilidade.