Synapse Dark Hero
Estilo Synapse Dark com fundo preto puro, vídeo HLS flutuante, badges glassmorphism e animações staggered. Ideal para SaaS de inovação, plataformas AI e ferramentas enterprise.
Uso: SaaS de inovação, Plataformas de AI, Ferramentas enterprise, Startups de tecnologia
Contexto Histórico
Representa o pico da estética dark SaaS com vídeo flutuante e glassmorphism, popularizada por empresas como Linear, Vercel e Raycast.
Especificações Técnicas
Cores
Primárias
Secundárias
Efeitos
VÍDEO: Stream HLS curto (~5s loop) com visual abstrato minimalista. Formas geométricas ou partículas sutis em movimento sobre fundo escuro. Aspect ratio ~16:9 (276x160px storyboard). Exibido em opacity 100% sem overlay, posicionado com height 80vh e absolute bottom-[35vh], flutuando atrás do conteúdo de texto. O vídeo cria profundidade visual sem competir com o conteúdo. | EFEITOS CSS: Fundo preto puro com vídeo HLS (opacity 100%, sem overlay) posicionado em height 80vh e bottom-[35vh] flutuando atrás do texto, navbar fixa com blur glassmorphism, 3 badges glassmorphism em row, headline massiva (~80px) com animação fade-in-up, botões sólido preto com borda branca e glass transparente, logo marquee estático grayscale opacity-40, animações staggered via Framer Motion
Light/Dark
✗ Not Recommended / ✓ Full
Relacionados
Última sincronização: 01/04/2026