# s2-passadeira — «Passadeira»

**Estado:** PASS · **Acento:** amarelo de perigo `#F5D000` · **Objeto:** a marcação de pavimento

**Prova** (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: **1 achado, falso positivo** — `border-right:3px` nas células
da grelha de conformidade lê como «pestana de acento num cartão». Não é: é uma
régua estrutural de grelha, na tinta de tudo o resto, numa variante inteira
construída sobre réguas pretas. Fica.

**A ideia em três linhas.** A sinalética que ninguém repara mas toda a gente
segue é a **marcação pintada no chão**. Aqui a linha atravessa a página: desce
pela esquerda do início ao fim, e cada secção abre com um **pórtico** — barra
preta a toda a largura, número, três setas e o nome — como os letreiros
suspensos sobre os corredores. É a mais alta de voz das cinco, e é de propósito.

**Contraste — medido.**

| Par | Rácio | Veredicto |
|---|---|---|
| `#F5D000` sobre `#FFFFFF` | **1,51:1** | 🔴 chumba — nunca texto sobre claro |
| `#F5D000` sobre `#111111` | 12,50:1 | passa (pórticos, números) |
| `#111111` sobre `#F5D000` | 12,50:1 | passa (chamada, botões) |
| `#575250` sobre `#FFFFFF` | 7,25:1 | passa (corpo) |

**Decisões de design.**
- **Sem cartões.** O material separa-se por régua preta de 3 px, como as
  marcações separam zonas no chão. A linha inteira fica amarela no hover.
- **As faixas de perigo entram duas vezes**, não em cada secção. São o gesto mais
  fácil de gastar da variante.
- **O recuo de 64 px** à esquerda do conteúdo existe para dar lugar à linha.
  Abaixo de 900 px a linha desaparece e o recuo vai a zero.

**🔴 Correção que vale para a Fase 3.** A 1.ª versão tinha a linha pintada **só**
como animação `animation-timeline: view()`. Resultado: no topo da página está a
`scaleY(0)` e **a prova de página inteira saiu sem a assinatura da variante**. É
o achado nº 7 outra vez, por outra porta. Passou a **duas camadas**: a pintura
permanente a 28% de tinta, sempre visível e sem script nenhum, e o troço vivo a
amarelo que a percorre com o scroll.

**Movimento.** A linha desce com o scroll (decorativa e reversível — o único
sítio onde `view()` é seguro), as setas dos pórticos marcham no hover, os
contadores contam. 170 ms, `ease-out`.

**Risco.** As faixas diagonais amarelo-e-preto são um clichê a um passo de
distância. O que a salva é a contenção: duas faixas na página inteira, e a
metáfora carregada pela linha, que é sóbria.