# m1-mostruario — «Mostruário»

**Estado:** PASS
**Referência:** 70Materia (refero.design) · *«Architectural sample board on white paper — the UI is the mount, never the artwork.»*

**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 interface é a moldura e a matéria é o assunto. A
EAB vive de enviar amostras — o pedido de amostra foi especificado pelo próprio
cliente por escrito — e esta variante trata a página como um painel de amostras
de arquitetura. Página estreita (960 px), vazio enorme entre secções, e a
fotografia a ocupar o primeiro ecrã inteiro sem uma palavra por cima.

**Decisões de design.**
- **Peso 400 em tudo.** Hierarquia por tamanho e espaço, nunca por bold. É a
  regra mais estranha da referência e é a que faz o registo.
- **IBM Plex Mono a 11 px** com tracking de 0,04 em nos rótulos, navegação,
  botões e códigos de produto (`AT.LTX`, `AT.EVA`). Numerais tabulares em toda a
  página — a tabela das cinco formulações vive disso.
- **Raios a 0, exceto botões a 3 px.** O sistema é de aresta viva.
- **Etiqueta de museu fixa** no canto inferior esquerdo, que troca conforme a
  secção em vista. É a legenda do objeto exposto.
- **Paleta achromática:** `#000` · `#1E1E1E` · `#BABABA` · `#FFF`.
  ⚠️ O `#BABABA` é **superfície, nunca texto** — mede 1,94:1 sobre branco.

**Onde entra o verde.** Só dentro do logótipo. **Zero verde em UI** —
`verde-max=0.00%` nas três larguras. A referência proíbe qualquer acento
cromático; era a única forma de a cumprir sem tocar na marca, e resolve-a bem.

**Movimento.** O filete de cada rótulo **desenha-se** ao entrar
(`animation-timeline: view()`, que é scrubbed e para uma linha é o correto). O
texto revela-se por IntersectionObserver de disparo único. As amostras crescem
2% no hover, sem sombra e sem borda.

**Risco.** Depende de fotografia que não temos. O hero é 100% imagem sem texto e
das 44 fotos só 4 passam dos 3000 px. Com o macro do granulado funciona; com um
plano de fábrica a sério funcionaria muito melhor. **É a variante que mais ganha
com a sessão de 11 de setembro** — e a única cujo hero fica vazio sem ela.