Futurista & Tech 2025-2026 SaaS/AI Startup

Dark SaaS Hero with Liquid Glass

Dark SaaS landing page hero section. Ideal for b2b saas, ai tools, plataformas de desenvolvedores, landing pages tech, startups, apis e sdks. AI-ready template.

dark SaaSliquid glassvideo backgroundhero sectionmarqueesocial proofgreen accentbackdrop blurglass morphismnavbar pillannouncement badgeCTA buttons

Use case: B2B SaaS, AI tools, Plataformas de desenvolvedores, Landing pages tech, Startups, APIs e SDKs

Dark SaaS Hero with Liquid Glass

Historical Context

Evolução do glassmorphism para liquid glass em 2025-2026, combinando backdrop-filter com pseudo-elements de borda gradiente via mask-composite. O padrão dark SaaS hero com vídeo de fundo e social proof marquee tornou-se a assinatura visual de startups tech modernas, popularizado por ferramentas como Linear, Vercel e Stripe.

Technical Specs

Colors

Primary

#87FB89

Effects

Liquid glass com backdrop-filter blur(4px) e pseudo-element gradient border via mask-composite, video background full-screen (Terra rotacionando do espaço) com autoPlay loop muted playsInline object-cover absolute inset-0, marquee horizontal infinito translateX(0%) a translateX(-50%) em 20s linear infinite, hover suave em botões e links (200ms transition)

Light/Dark

✗ None / ✓ Full

DESIGN.md

AI Prompt

Related

Glassmorphism
Flat & Soft UI

Glassmorphism
Liquid Glass
Flat & Soft UI

Liquid Glass
SaaS Signature Gradient
Futurista & Tech

SaaS Signature Gradient
Spatial UI (VisionOS)
Futurista & Tech

Spatial UI (VisionOS)
Dark Mode (OLED)
Temas & Verticais

Dark Mode (OLED)

Last synced: 4/1/2026