# s1-placa — «Placa»

**Estado:** PASS · **Acento:** âmbar `#F2A93D` · **Objeto:** a chapa esmaltada aparafusada

**Prova** (`node verifica.mjs s1-placa.html`, 2026-08-18)
```
PASS  1440px  overflow=nao  consola=0  ids-dup=0  img-partidas=0/7  verde-max=0.00%
PASS   768px  overflow=nao  consola=0  ids-dup=0  img-partidas=0/7  verde-max=0.00%
PASS   390px  overflow=nao  consola=0  ids-dup=0  img-partidas=0/7  verde-max=0.00%
```
Detetor de design (`impeccable/scripts/detect.mjs`): **0 achados**.

**A ideia em três linhas.** A sinalética industrial não é uma cor — é um **objeto**.
Uma chapa, rebordo duro, faixa de cabeçalho com o código, dois parafusos em cima.
Esta variante toma o objeto à letra: a página é uma sequência de chapas montadas
sobre papel, e o âmbar não pinta secções nenhumas — pinta as faixas e os
parafusos, que é onde a cor está numa fábrica a sério.

**Porque é que mantém o âmbar da M5.** É a âncora da comparação. Com as outras
quatro a mudarem de acento, era preciso uma que não mudasse, senão não se
consegue separar «gostei da cor» de «gostei da estrutura».

**Contraste — medido, não estimado.**

| Par | Rácio | Veredicto |
|---|---|---|
| `#F2A93D` sobre `#FFFFFF` | **2,00:1** | 🔴 chumba — o âmbar **nunca** é texto |
| `#191919` sobre `#F2A93D` | 8,81:1 | passa |
| `#F2A93D` sobre `#191919` | 8,98:1 | passa (faixas, números, rodapé) |
| `#191919` sobre `#F6F1ED` | 15,68:1 | passa (títulos) |
| `#5B5750` sobre `#F6F1ED` | 6,40:1 | passa (corpo) |

**Decisões de design.**
- **A chapa é o único contentor.** Um componente, cinco usos: hero, material,
  passo, conformidade, serviço. Nada mais tem caixa.
- **A faixa de cabeçalho carrega o código** (`MT-01`, `SV-03`, `PASSO 04`). Não é
  decoração: dá ao comprador uma referência para citar ao telefone.
- **Os parafusos são `background-image`**, quatro gradientes radiais, zero
  elementos extra. Dois âmbar em cima (sobre a faixa escura, 8,98:1) e dois
  cinzentos em baixo.
- **Pictogramas em quadrado âmbar** com o glifo a grafite — é a forma da placa de
  sinalização, não um ícone de interface.

**Movimento.** Um momento só, e é o gesto de aparafusar: a faixa de cabeçalho
**varre da esquerda** (`clip-path`) e a chapa **assenta 10 px**. 480–520 ms,
`cubic-bezier(.16,1,.3,1)`. `prefers-reduced-motion` desliga tudo.

**Correção durante a construção.** O véu do hero saiu a `rgba(25,25,25,.86)` do
lado do texto e **matou a fotografia**, que é o argumento inteiro desta família.
Foi recalculado: como o H1 vive dentro de uma chapa **opaca**, o véu não tem de
garantir contraste nenhum — só tem de assentar a fotografia sob a chapa. Passou a
`.62 → .30 → .10`.

**Risco.** É a mais próxima da M5 e por isso a que menos surpreende. Se o Tiago
quiser variedade a sério, esta é a linha de base contra a qual as outras se medem
— não a escolha ousada.