Glassmorphism Agency Hero
Dark agency hero with HLS video using mix-blend-screen. Ideal for digital agencies, estúdios criativos, consultorias de design, portfólios de agência. AI-ready template.
Use case: Digital agencies, Estúdios criativos, Consultorias de design, Portfólios de agência
Historical Context
Combina glassmorphism com vídeo em mix-blend-screen, técnica avançada que funde o vídeo com o fundo. O slider infinito de logos é padrão em landing pages de agências modernas.
Technical Specs
Colors
Primary
Secondary
Effects
VÍDEO: Stream HLS via Cloudflare com visual abstrato de luz e movimento em tons escuros. Efeitos de luz, partículas ou formas fluidas que se fundem com o fundo preto da página via mix-blend-screen (o preto do vídeo se torna transparente). Posicionado na parte inferior do hero com margin-top negativo (-150px), criando sobreposição atrás do texto. Gradient overlay (from #010101 via transparent to #010101) nas bordas. | EFEITOS CSS: Vídeo HLS com mix-blend-screen (fundo preto do vídeo se funde com a página), vídeo na parte inferior do hero com margin-top negativo (-150px) sobrepondo atrás do texto, gradient overlay, pill badge com ícone Zap em caixa gradiente com glow, headline com gradient fill (branco para roxo/rosa), botão CTA com círculo gradiente e seta, logo cloud animado com InfiniteSlider horizontal infinito, logos em brightness-0 invert
Light/Dark
✗ Not Recommended / ✓ Full
Related
Last synced: 4/1/2026