VFX
Efeitos visuais cinematográficos: grain, blend modes, vignette e overlays
Film Grain
Ruído granulado em diferentes intensidades de opacidade
opacity: 0.05
opacity: 0.10
opacity: 0.15
opacity: 0.25
Recomendação: usar 5% para UI geral, 10-15% para seções hero, 25% apenas para efeitos cinematográficos temporários.
Blend Modes
Modos de mesclagem aplicados em quadrados coloridos
Uso recomendado: overlay para film grain, multiply para escurecer imagens, screen para efeitos de luz, soft-light para ajustes sutis de contraste.
Vignette
Escurecimento radial nas bordas da viewport
radial-gradient — transparent 40% to rgba(0,0,0,0.7) 100%
Color Overlay
Sobreposições de cor para imagens e seções
Color overlays são aplicados sobre imagens de fundo para garantir contraste de texto. O gradiente bottom-to-top é o padrão para cards com texto sobre imagem.