# s3-ficha — «Ficha»

**Estado:** PASS · **Acento:** azul de instrução `#14509E` · **Objeto:** a placa azul de obrigação e o desenho técnico

**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: **0 achados**.

**A ideia em três linhas.** O azul é a cor das placas de **obrigação** na ISO
7010 — «usar protecção», «seguir por aqui». É sinalética a sério e é o mais longe
do âmbar que a norma permite ir. E leva a família ao limite lógico: se esta é a
linguagem da **prova**, então a página não imita uma ficha técnica — **é** uma.
Folha quadriculada, cotas com setas a medir o que se afirma, legenda de desenho
fixa no canto, lista de peças em vez de cartões.

**Contraste — medido.**

| Par | Rácio | Veredicto |
|---|---|---|
| `#14509E` sobre `#F4F6F8` | 7,26:1 | passa — **é o único acento das cinco que serve como texto** |
| `#FFFFFF` sobre `#14509E` | 7,86:1 | passa (chamada, botões) |
| `#1B2430` sobre `#F4F6F8` | 14,45:1 | passa (títulos) |
| `#4A4F58` sobre `#F4F6F8` | 7,60:1 | passa (corpo) |

**Decisões de design.**
- **A legenda de folha** — cliente, desenho, revisão, escala, folha — está fixa no
  canto inferior direito, como em qualquer desenho técnico. É a assinatura da
  variante. Desaparece abaixo de 1080 px.
- **A cota mede uma afirmação verdadeira**, não é ornamento: a única do hero mede
  a gama real de espessuras, `1,5 – 8 mm`. Setas desenhadas como polígonos, sem
  `marker` — `marker` obriga a `id`, e ids repetidos são reprovação automática.
- **A fotografia é despromovida a `DET. A`**, com mira e legenda de escala. É
  honesto: hoje não há fotografia de fábrica que aguente um full-bleed, e esta é
  a variante que menos precisa dela.
- **A monoespaçada mede, numera e identifica** — não é fantasia de «técnico». O
  corpo do texto continua em Plex Sans.

**🔴 Correção que vale para a Fase 3.** `grid-template-columns:1.15fr .85fr` é
`minmax(auto, …)`: o mínimo automático de uma coluna **não desce abaixo do
min-content dos filhos**, e o SVG da cota tem 400 px de largura intrínseca.
Resultado: **592 px de documento num viewport de 390**. A correção é
`minmax(0,1.15fr)` mais `flex-basis:0` no SVG. É primo direito do achado nº 6, e
apanha qualquer grelha com um elemento de largura fixa lá dentro.

**Movimento.** Um momento só: **a cota desenha-se** (`stroke-dashoffset`,
900 ms). A mira do `DET.` respira em ciclo lento. Tudo o resto está parado, como
um desenho deve estar.

**Risco.** É a menos «comercial» das cinco. Um comprador técnico vai gostar; um
diretor-geral pode achá-la fria. E é a que mais depende de o conteúdo ser
mesmo denso — com pouca informação, a folha quadriculada fica vazia.