# m5-sinaletica — «Sinalética»

**Estado:** PASS
**Referência:** Induscity — biblioteca do Tiago, família `corporate-proof-stack`

**Prova**
```
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%
```

**A ideia em três linhas.** É a mais direta e a menos sofisticada das cinco, e
isso é o ponto. Um comprador de componentes para calçado não anda à procura de um
ateliê nem de um mostruário de arquitetura: quer ver o que a fábrica faz, quanto
produz e como se fala com ela. É a linguagem que ele reconhece de todos os
fornecedores industriais que já visitou. **A 1.ª volta não tinha nada assim.**

**Decisões de design.**
- **Barra de serviço sempre à vista** no topo, com morada, horário, telefone e
  email. Sinalética, não decoração.
- **Hero full-bleed** com grotesca pesada em maiúsculas por cima, e véu
  horizontal (90°) para o texto viver do lado escuro.
- **Títulos de secção em minúsculas de peso médio com um filete âmbar curto por
  baixo**, que cresce da esquerda ao entrar — a assinatura exacta da referência.
- **Secções alternadas** entre branco e `#F4F4F4`.
- **Cartões com seta** que levantam 4 px no hover. ⚠️ **É a única das cinco onde
  a sombra é permitida** — a família admite-a.
- ⚠️ Cumpri o `avoid` da família: **as estatísticas saíram do hero** e ficaram na
  faixa preta logo abaixo, para não competirem com o título e os botões.

**Onde entra a cor — e a alteração de paleta.**
**Âmbar `#F2A93D`**, que é cor de sinalética de fábrica, e a EAB é uma fábrica.
🔴 **Medido: 2,00:1 sobre branco — chumba para texto.** Por isso vive só em
filetes, fundos, ícones e números sobre preto. Onde há texto sobre âmbar, o texto
é **preto: 8,98:1**. A faixa da chamada final inverte-se por isso.

⚠️ **O risco cromático confirmou-se em parte:** o âmbar e a folha verde-oliva não
são da mesma família. No header o logótipo a cores aguenta porque o âmbar está
longe dele, no botão. Se o Tiago achar que brigam, a saída é a marca a 1 cor.

**Movimento.** Direto e afirmativo: **180 ms**, `ease-out`. Barra de progresso
âmbar no topo, contadores nos números, filete que cresce por baixo de cada
título, cartões que levantam com a seta a deslizar.

🔴 **Um defeito que só o screenshot apanhou:** a prova de página inteira apanhou
os contadores a meio e mostrou **«+393 750 m²»** quando o valor real é
**+400 000**. Uma maqueta que anuncia um número falso sobre o negócio do cliente
é pior do que uma sem animação. Corrigido em dois sítios: o medidor passou a
esperar 1,6 s antes de fotografar, e os contadores encaixam o valor verdadeiro
se a página for escondida a meio.

**Risco.** Duplo. **Depende de fotografia de fábrica e é a que menos a tem** — o
hero tem exactamente uma foto candidata, o balancé. E **é a que mais facilmente
parece um template**, porque a família inteira vem de temas comerciais. O que a
salva ou a afunda é a densidade de dados reais da EAB por cima da estrutura.