Nível prêmio — a última camada · APROVADO (decisão 35, v0.3)

Resposta ao Flavio (01/09/2026): "algo mais para que o site seja digno de prêmio?" Estado: APROVADO INTEGRALMENTE em 01/09/2026 ("Tudo aprovado") — decisão 35; este documento é CONTRATO. Estende o v0.2 (10 + 11). Premissa honesta registrada: daqui em diante, prêmio se ganha na EXECUÇÃO — a disciplina de implementar o que já está especificado a 100% vale mais do que qualquer item novo. Esta é a última camada de planejamento; depois dela, código.

Critérios de júri (Awwwards): design 40% · usabilidade 30% · criatividade 20% · conteúdo 10%. Nosso conteúdo é imbatível; o fio da vida é a mecânica criativa; o que falta está abaixo.

P1 · O prólogo — os primeiros 20 segundos#

Primeira visita apenas (localStorage; erro → mostra normal), pulável a qualquer toque ("pular ⏭" visível desde o frame 1), total ~20s:

1. Tela escura (--memorial-bg) · 1,5s · sobe o chiado da fita (P2) muito baixo — só se o som estiver liberado pelo gesto; sem gesto, sequência muda.
2. A foto de 1938 emerge do escuro como objeto físico: bordas de papel, grão, sombra — não uma imagem de site, uma fotografia sobre uma mesa escura (4s).
3. Os seis nomes aparecem um a um sobre os rostos, serif, --memorial-ink (6s): Hersz · Regina · Mojsie · Marisha · Szyja · Majer.
4. Cinco nomes esmaecem lentamente; "Mojsie" permanece (3s).
5. A foto recua e se converte na primeira dobra do fio da vida (View Transition para a home); título: "Zeide — eu sobrevivi só para contar" (3s).
6. A home revela as duas portas (sentir / explorar).

• prefers-reduced-motion: versão estática — foto + nomes + título em crossfades de 250ms.
• Acessibilidade: a sequência inteira tem aria-live off e um equivalente textual imediato; o foco vai ao título ao terminar.
• Revisitas: home direto (o prólogo fica acessível no rodapé: "ver a abertura de novo").
• Nas telas do prólogo não há UI de site — só o conteúdo e o "pular".

P2 · O único instrumento é a fita (design sonoro)#

A decisão 11 (sem música; voz opt-in) vira o conceito: todo som do site sai da gravação de 1997. Nenhuma outra fonte sonora existe.

• Room tone: extrair 5–8s de silêncio-com-chiado da própria fita (há pausas; escolher trecho sem fala/ruído de sala), loop com crossfade, a −45 LUFS (quase subliminar). É a ambiência do Memorial e do prólogo quando o som está ligado.
• Limiar de capítulo (Jornada, som ligado): 1s de room tone + o trecho A1–A12 do capítulo.
• Toggle global " som da fita" no header (estado persistido); padrão DESLIGADO (opt-in, decisão 11). UI permanece 100% muda — sem cliques, sem whooshes, nunca.
• Comando de extração (build, candidato inicial a validar de ouvido): ffmpeg -ss <t0> -t 6 -i audio_raw.wav -af "loudnorm=I=-45:TP=-20,afade=t=in:d=1,afade=t=out:st=5:d=1" -ac 1 -c:a aac -b:a 64k dist/media/roomtone.m4a

P3 · As três cenas-joia (produção alta, pontual — o resto do site permanece sóbrio)#

1. A fuga — dezembro de 1939. Scrollytelling dedicado: mapa noturno minimal (Kalisz → fronteira → Białystok), o traço avançando com o scroll, a voz dele narrando os trechos correspondentes (opt-in), texto curto entre as falas. Sem neve animada, sem dramatização — o mapa, a linha, a voz. (Risco kitsch = zero ornamento.)
2. Os dez trens. Visualização de dados sóbria: dez linhas partindo das cidades reais (dados de contexto/), convergindo no funil de Lublin, cada linha com data e contagem quando documentada; a linha do trem da família destacada em --c-entrevista; termina no fade do fio da vida (mesma linguagem do 10 §A1). Padrão de referência de tom: fallen.io. É candidata própria ao Information is Beautiful Awards.
3. A linha 29. O manifesto do Groix (scan real) rola lentamente até a linha 29 acender: "Moysie Izrael Stobiecki, 33, solteiro, alfaiate". Um documento, um nome, um destino que virou 23 vidas. Corte para a foto do casamento de 1950.

P4 · A foto como objeto (home)#

A foto de 1938 com fisicalidade: tilt 3D sutil (máx. ±3°) seguindo o mouse; no celular, giroscópio (DeviceOrientation — no iOS requer permissão: pedir só ao primeiro toque na foto, recusa → estático); brilho de papel fotográfico (gradiente especular que desliza com o ângulo); sombra de objeto (--shadow-3). Puro CSS transform + ~1 KB de JS. Reduced-motion: estático.

P5 · Física de interação (o polimento que júri percebe)#

• Scroll horizontal com inércia na Jornada: lerp próprio (~2 KB vanilla), wheel vertical traduzido, snap suave em limiares de capítulo (resistência leve, não trava).
• Dots magnéticos: dentro de 24px do cursor, o dot desliza ≤4px na direção dele.
• Cursor contextual: ▶ sobre áreas de vídeo; timecode [mm:ss] sobre a régua; padrão do sistema em todo o resto. Touch: nada disso existe (não fingir cursor).
• Timecode como identidade: a fita de 2h17 é o sistema de coordenadas — o header mostra a posição atual quando um trecho toca; toda citação tem seu [mm:ss] clicável (já no DS); o compartilhar-momento grava o timecode na própria OG image (11 §7).
• Orçamento TOTAL da camada de interação: ≤ 8 KB gzip, dentro dos 30 KB do 10 §D-D.

P6 · A tese para o júri (posicionamento)#

"Construído como um arquivo — para durar 50 anos." Contra a moda WebGL que quebra em 3 anos: zero framework, zero tracker no caminho crítico, Lighthouse 100×4, funciona offline num zip, documentado para reconstrução do zero (09). A restrição é o conceito: um memorial não pode depender de nada que morra. O guia "Faça pela sua família" (05) dobra como case study — processo, erros, método com IA — exatamente o que júri quer ver. Página "sobre este site" curta com a tese + colofão técnico (fontes, stack, o hash do verbatim).

P7 · Estratégia de submissão (ações do Flavio; verificar taxas vigentes)#

Pré-requisitos comuns (gerar no build/release): vídeo-preview 30–60s (as cenas-joia + o fio), 6–10 stills 1920×1080, texto de 100/500 palavras (PT/EN), página case (= P6). Calendário: submeter só após o v3 completo + ritual D-F. Submissões são do Flavio (contas, taxas, autoria).

Encaixe de versões (aditivo ao 10)#

• v1: P5 (cursor/timecode no player) · nada de prólogo ainda.
• v2: P4 (foto-objeto) · P5 completo (inércia, magnéticos) · P3.3 (linha 29, é barata).
• v3: P1 (prólogo) · P2 (som da fita) · P3.1–3.2 (fuga, dez trens) · P6 (página-tese) · então P7 (submissões).

Fora por decisão consciente (para não rediscutir)#

• WebGL/three.js: não. Quebra a tese P6 e o budget; nada aqui precisa.
• Música, mesmo "sutil": não (decisão 11, agora com razão conceitual dupla).
• Animações de partículas/neve/fumaça: não — kitsch no nosso conteúdo.
• Gamificação de qualquer espécie: não.