# m2-manifesto — «Manifesto»

**Estado:** PASS
**Referência:** Freitag (refero.design) · *«Swiss industrial catalog — a printed manifest of truck tarpaulins laid flat on poured concrete.»*

**Prova**
```
PASS  1440px  overflow=nao  consola=0  ids-dup=0  img-partidas=0/6  verde-max=0.00%
PASS   768px  overflow=nao  consola=0  ids-dup=0  img-partidas=0/6  verde-max=0.00%
PASS   390px  overflow=nao  consola=0  ids-dup=0  img-partidas=0/6  verde-max=0.00%
```

**A ideia em três linhas.** A página lê-se como uma folha de especificação ou uma
guia de remessa, não como uma montra. O encaixe conceptual é o mais forte das
cinco: a Freitag faz malas com lonas de camião em fim de vida; a EAB faz espuma
com borracha de pneus, pó de cortiça, caroço de azeitona, casca de arroz e borra
de café. É a mesma história, e a Freitag resolve-a **sem uma única imagem de
floresta** — que é exactamente o problema da EAB.

**Decisões de design.**
- **Grelha modular estrita:** hero 50/50 sem margem entre painéis, categorias a
  3 colunas, **matriz de catálogo a 5 células** para as cinco formulações.
- **Filete de 1 px em todos os lados das células**, formando uma grelha regrada
  contínua. Sem sombras, sem cartões soltos.
- **Display comprimido:** 0,97 de entrelinha e tracking **negativo** de -0,48 px.
  É o efeito de cartaz industrial.
- **Pílulas em tudo o que é interativo** (`border-radius: 9999px`). Retângulos
  não existem neste sistema.
- **Fita de especificações a correr** em marquee lento sobre amarelo, que pausa
  no hover.

**Onde entra a cor.** Amarelo de aviso `#FFDD00`, medido: **preto sobre amarelo
dá 15,59:1**, nos dois sentidos. Ocupa a fita e a faixa da sustentabilidade.
⚠️ **O risco cromático que o brief antecipou não se confirmou:** o amarelo e a
folha verde-oliva da marca estão na mesma família e convivem — o header a cores
lê-se bem. Não foi preciso recorrer à marca a 1 cor.

**Movimento.** Mecânico, não orgânico: **140 ms** e `ease-out` em tudo. Os
sublinhados da navegação **encaixam**, as pílulas enchem-se de preto e invertem o
texto, os números contam ao entrar. Nada contemplativo.

**Risco.** A referência é uma loja e a EAB não vende online — a matriz existe
para SKUs. Resolvi-a com **densidade de dados** (espessuras, densidades, cores
por célula) em vez de preenchimento, mas se a EAB reduzir a oferta a matriz
esvazia-se. É também a variante mais **densa**: se o cliente quiser respiração,
é a primeira a cair.