Synapse Dark Hero
Pure black SaaS hero with HLS video at 100% opacity no overlay, positioned at height 80vh and absolute bottom-[35vh]. Ideal for saas de inovação, plataformas de ai, ferramentas enterprise, startups de tecnologia. AI-ready template.
Use case: SaaS de inovação, Plataformas de AI, Ferramentas enterprise, Startups de tecnologia
Historical Context
Representa o pico da estética dark SaaS com vídeo flutuante e glassmorphism, popularizada por empresas como Linear, Vercel e Raycast.
Technical Specs
Colors
Primary
Secondary
Effects
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
Related
Last synced: 4/1/2026