frame-light-leak-cinema

【Modelo: Vazamento de Luz de Filme - Quadro de Cinema】 【Intenção】Abertura de quadro único para documentário / curta pessoal / cartão de capítulo de vídeo — Vazamento de luz laranja quente + granulação 35mm + texto grande serifado, textura de filme clássica. Inspirado em hyperframes light-leak.

【Tela】

• Letterbox 2.39:1 (Recomendado): 1920×800, com barras pretas de 140px em cima e embaixo (#000).
• Ou 16:9: 1920×1080, sem letterbox.

【Fundo】

• Camada inferior: Cor quente escura (marrom-avermelhado escuro #1a0d08 / verde-escuro #0a1410 / azul-arroxeado #0d0e1a) ou descrição da cena (gradiente CSS simulando céu / interior / exterior).
• Vazamento de Luz (Light Leak): 2-3 vazamentos grandes radial-gradient(ellipse at top right, #ffb547 0%, transparent 50%) + 1 na parte inferior linear-gradient(to top, #d97757 0%, transparent 30%); cores em laranja quente / pêssego / rosa choque / amarelo escuro, evite azul frio.
• Granulação 35mm: Camada de ruído de turbulência SVG cobrindo a tela inteira, opacidade 14%, mix-blend-mode: overlay; também pode usar background-image: url("data:image/svg+xml,...feTurbulence...").
• Opcional: 1 linha feDisplacementMap simulando oscilação de filme (use com cautela).

【Texto】

• Centralizado ou inferior esquerdo: Texto grande serifado (Source Serif Pro / Playfair Display / EB Garamond) 5-8vw, peso 500 itálico; cor branco quente #f5e9d6 ou creme.
• Subtítulo (24-28px) em uma linha, opacidade 0.7, mesma fonte serifada.
• Legenda no canto (letras maiúsculas, espaçamento 0.18em, 10-11px, mono, opacidade 0.5): "REEL 03 · CH I · 1985".
• Timecode inferior + local de filmagem + data (mono, opacidade 0.4).

【Adicionais Opcionais】

• "Arranhões de Filme": Algumas linhas brancas verticais de 1-2px, opacidade 0.2, espaçamento irregular (usando múltiplos insetos box-shadow ou vários <div>).
• "Perfuracões de Filme": Dentro das barras pretas do letterbox, pequenos quadrados brancos equidistantes (gradiente linear repetido CSS).
• Animação de Entrada: Tela inteira de subexposta (brilho 0.3) → normal, em 800ms; vazamento de luz se move lentamente com um ciclo de 12s.

【Detalhes de Design】

• Cores nunca excedendo 4 matizes (fundo escuro + 2 cores de vazamento quente + texto creme).
• Estritamente proibido: vazamento de luz azul-arroxeado (viola a textura do filme), emojis, cores neon, decorações geométricas de painel.
• Chinês: Noto Serif SC itálico não existe → use Noto Serif SC regular + espaçamento de letras aumentado.
• Deve usar o título fornecido pelo usuário; estimar automaticamente metadados razoáveis de "ano / capítulo / local" (mas a origem é o conteúdo do usuário).
• Arquivo HTML único, use prefers-reduced-motion para desativar animações.