Glassmorphism Agency Hero
Estilo Glassmorphism Agency com vídeo mix-blend-screen, gradiente roxo-rosa e slider infinito de logos. Ideal para agências digitais, estúdios criativos e consultorias.
Uso: Agências digitais, Estúdios criativos, Consultorias de design, Portfólios de agência
Contexto Histórico
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.
Especificações Técnicas
Cores
Primárias
Secundárias
Efeitos
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
Relacionados
Última sincronização: 01/04/2026