AI Automation Hero
Design an AI hero with dark purple-black background #070612. Ideal for plataformas de ai, automação de workflows, produtos de machine learning, startups de inteligência artificial. AI-ready template.
Use case: Plataformas de AI, Automação de workflows, Produtos de machine learning, Startups de inteligência artificial
Historical Context
Reflete a onda de landing pages de produtos AI em 2024-2026, com animações sofisticadas de texto e vídeos deslocados que criam profundidade e dinamismo.
Technical Specs
Colors
Primary
Secondary
Effects
VÍDEO: Stream HLS (~12s loop) com visual abstrato de inteligência artificial. Formas orgânicas luminosas, redes neurais ou ondas de dados em movimento sobre fundo escuro roxo-preto. Aspect ratio ~16:9 (306x160px storyboard). O vídeo é deslocado 200px à direita (margin-left: 200px) e escalado a 1.2x com origin-left, criando um efeito de profundidade assimétrica que complementa o conteúdo alinhado à esquerda. | EFEITOS CSS: Fundo #070612 com vídeo deslocado 200px à direita (margin-left: 200px, scale 1.2, origin-left), gradient fade inferior (h-40), conteúdo alinhado à esquerda, badge pill com ícone Sparkles e animação blur-in, headline com split-text animation staggered (cada palavra: y 40→0, opacity 0→1, delay 0.08s), palavra em serif italic, subtitle com blur-in delay 0.4s, botão branco sólido com ArrowRight e glass transparente (bg-white/20 backdrop-blur)
Light/Dark
✗ Not Recommended / ✓ Full
Related
Last synced: 4/1/2026