Quando o lançamento de um produto ou a história de uma marca precisa parar a rolagem, comece por um modelo cinematográfico. Estes designs usam vídeo no topo, 3D controlado pela rolagem, parallax e interfaces de vidro para entregar o tipo de experiência normalmente reservada a orçamentos de agência. Servem para apresentações de produtos, lançamentos automotivos e de mobilidade, histórias de espaço e ciência, marcas de energia e sustentabilidade e portfólios ousados. Use o editor AI da Draftly para mudar o título, as imagens e a paleta enquanto o movimento continua funcionando. Publique no seu próprio domínio e compartilhe um site que parece o trailer de um filme, feito em minutos e não em meses.
Pesquisa planetária no espaço profundo — um planeta estacionado abaixo da dobra da página se expande além da viewport, levando a um sobrevoo orbital controlado por rolagem, com quatro mundos e transições bruscas.
Site de produto de estúdio leve de seis páginas para uma marca de ciclomotores elétricos — cartões de UI flutuantes, toca-discos 360° controlado por rolagem, sequência de peças explodidas, seletor de acabamento em tempo real e transições de página com efeito cortina.
Arquivo editorial acolhedor de artefatos — uma fonte serifada de exibição se divide, cartões de artefato voam para a lacuna, colapsam em uma pilha de sete objetos controlada por rolagem, antes de um fechamento arquitetônico em sangria total.
Lançamento automotivo cinematográfico — uma capa de seda se levanta do carro ao rolar, seguida por uma corrida no deserto onde o carro passa na frente e atrás de um logotipo do tamanho da tela.
Um portal de pedra para seis mundos — o arco permanece fixo enquanto o mundo além dele muda através de uma máscara em forma de arco que se abre dentro da arcada, inundando além da pedra para sangria total.
Lançamento de produto para um micro-drone autônomo — o produto aterrissa em tipografia gigante, se desdobra com rolagem controlada e destaques anotados, e a página inverte de escuro para claro no meio da rolagem.
Listagem de mercado de hipercarros selecionados — um palco fixo que alterna entre filmes de órbita, baía e 'push' do Enzo, seguido por uma ficha detalhada com especificações e CTA para contatar o vendedor.
Landing page escura de IA em tela cheia com vídeo hero CloudFront, título General Sans de 220px, gradiente de IA índigo→roxo→âmbar, barra de navegação de vidro líquido e letreiro de logotipo, e loop de fade com requestAnimationFrame.
Landing page premium de stablecoin fintech em #F5F5F5 com TT Norms Pro, vídeo hero, cartões de poupança, letreiro de apoiadores e painel de caso de uso de Comércio.
Duas seções fixas em tela cheia com BubbleMenu de pílula GSAP, SpotlightReveal com rastro do mouse sobre vídeo react-player, cartão de estatísticas de vidro 78% e branding Nike swoosh.
Hero solar em tela cheia com alternância de tema Dia/Noite, transição de fundo 'pull-down', sobreposições de desfoque, tipografia Outfit e gaveta de navegação móvel.
Hero SaaS verde com tipografia Neue Haas Grotesk, fundo de vídeo boomerang em canvas, navegação de desktop em pílula, gaveta móvel escalonada e bloco CTA FluxEngine.
Landing page cinematográfica escura em tela cheia com vídeo hero Cloudinary, título centralizado, barra de navegação de vidro líquido e movimento premium de desfoque e fade. Vite + React + Tailwind.
Mini-site de streaming de sete páginas com hero cinematográfico em viewport total, vídeo CloudFront, máscara de desfoque de fundo inferior, cromo de vidro líquido e escalonamento blurFadeUp.
Hero de energia renovável em viewport única com vídeo CloudFront, título StaggeredFade, barra de navegação e controle de reprodução em vidro líquido, CTAs com gradiente verde, marquee de parceiros e prova social de +37k.
Marca de calçados esportivos com menu bolha de pílulas GSAP, máscaras de vídeo em destaque e sete páginas com rotas de hash.
Plano de fundo de vídeo CloudFront em página inteira, CTA hero centralizado, seções de rolagem Descobrir e Missão, e rodapé animado em vidro líquido com navegação Helvetica.
Landing page de purificador de ar com máscara de destaque em canvas, SVG de grade parallax, navbar em pílula e menu hambúrguer mobile.
Landing page de IA expandida de uma página com overlays de hero com abas sobre vídeo CloudFront, animação fadeInUp, marquee de logotipo e navegação vinculada à rolagem (Soluções, Para Equipes, Sobre, Central de Aprendizagem). Vite + React + Tailwind.
Landing page violeta escura (#08020e) com vídeo hero parallax, mockup de dashboard (chat + prévia ao vivo), primeiro plano de grama, navegação em vidro líquido, Material Symbols e transformações de rolagem framer-motion.
Hero Mux HLS com 'scroll-scrub' de 500vh com tipo Dirtyline ScrollFloat, painel 'Sobre' de vidro com parallax 3D e marquee de marca, e navegação GSAP PillNav com preenchimento líquido.
Landing page de rolagem preta de seis seções para uma marca de RV elétrico: Instrument Serif + Inter, CTAs em vidro líquido, vídeos hero/recurso/CTA CloudFront, seção de declaração Mux HLS e animação fade-rise.
Landing page de página única clara com hero de vídeo CloudFront arredondado, título Outfit, marquee de logotipo svgl, navegação de dock de vidro flutuante e seções de rolagem para Recursos, Ecossistema, Documentos e Contato. Vite + React + Tailwind v4 + motion.
Sim. O editor altera textos, cores e mídia mantendo intactos os efeitos de rolagem e de vídeo.
São responsivos e otimizados, mas vídeos pesados podem ser mais lentos em conexões fracas. Você pode trocar ou encurtar a mídia no painel Assets.
Sim. Envie os seus próprios vídeos e imagens no painel Assets.