🎬 Produto: Biblioteca de Motion

KINEMBLE ESTÁ VENDENDO em kinemble.com (domínio próprio, ex-Nuvio): 95 prompts originais + 106 demos ao vivo pra criar sites animados premium em builders de IA. Pagamento único vitalício $39 (sobe pra $79 no lançamento) via Stripe, com Stripe Tax ligado (IVA resolvido) e entrega automática testada ponta a ponta: paga → libera a biblioteca + ZIP dos 95 prompts. Página grátis com 10 prompts alimenta a waitlist. Falta só TRÁFEGO: gravar o Reel.

🔗 LP do Kinemble · Galeria de demos

🎯 Subagente de Leads (CNPJá)

Bot de função única que recebe CNAE + região, consulta a API da CNPJá (registro da Receita) e devolve lista de empresas (razão social, contato, sócios, Simples). Opcional: enriquecer com Google Maps (nota, site, telefone atual). Duas formas de venda: bot mandando os leads ou dashboard premium com mini-CRM estilo Trello (Novo → Contatado → Qualificado → Fechado).

🧴 Análise de Pele IA + Simulação (Estética)

"Consultor de pele virtual" para clínicas: selfie → laudo com mapa de calor → simulação antes/depois → agendamento via agente de WhatsApp. Caminho decidido: página web (MVP) primeiro, depois SaaS multi-clínica recorrente. Boss prefere Perfect Corp (heatmap nativo); alternativas: Haut.ai, Gemini/GPT-4o (mais barato, sem heatmap).

💼 SaaS multi-clínica (estética)

Evolução do MVP acima: plataforma multi-clínica com receita recorrente, juntando análise de pele, simulação e agendamento num fluxo único. Mercado-alvo: clínicas brasileiras em Londres (indicações Deyse/Karine). Diferencial: quase nenhuma clínica pequena tem análise + simulação.

🤖 Núcleo ALD — agência completa como produto

Pacote da agência inteira: Ava orquestradora + 6 subagentes. Vendido como upsell de topo (nunca como 1ª opção). Página de vendas ativa, fechamento self-service. Setup R$10.000 + R$2.000/mês.

📊 ALD Ai Solutions — Serviços 2026

Apresentação institucional de serviços. Gerada em 31/05/2026.

🧮 ALD — Automação Contabilidade UK

Proposta de automação para contabilidade no mercado UK. Gerada em 04/06/2026.

📄 Página de Serviços (HTML)

Página de serviços com copy PT/EN (Ava + David), servida em servicos/index.html. Versões: ald_servicos_2026-05-31 e ald_contabilidade_uk_2026-06-04.

📓 Playbook diagnóstico — Contabilidade

Playbook de diagnóstico + script de disparos para prospecção de contabilidade. Em prospeccao_contabil/.

🎬 Perfil Saúde Corporativa — Apresentador Digital IA

Proposta de apresentador digital de IA (avatar) para vídeos de SST (saúde e segurança do trabalho). Dois orçamentos: R$500 único (avatar homem + kit pra ela gerar sozinha) ou R$500 (avatar) + R$1.500/mês por 4 vídeos de 1 min (1º mês R$2.000). Gerada em 03/07/2026.

📝 Unident · versão simples é esta que vai pra cliente

Mesmo conteúdo jurídico da minuta completa, escrito em linguagem direta e sem juridiquês. É a versão pensada para a Unident ler, entender e assinar por e-mail, sem cartório, sem firma reconhecida e sem testemunha (MP 2.200-2/2001 e Lei 14.063/2020).

🦷 Unident · prestação de serviços

Cliente: Unident, distribuidora de produtos odontológicos e ortodônticos, Belo Horizonte.
Objeto: site novo, catálogo, peças 3D de produto, loja com checkout transparente Pagar.me, hospedagem na VPS da ALD e manutenção de segurança continuada.

Versão longa e formal, com 20 cláusulas. Serve de lastro jurídico da versão simples: se algum ponto for questionado, é aqui que está escrito por extenso.

🔐 O que a minuta protege

Cláusulas escritas de propósito como obrigação de meio, nunca de resultado. A hospedagem é uma VPS única, sem redundância, e o contrato diz isso com todas as letras em vez de prometer disponibilidade que a ALD não tem como entregar.

Guarda de chaves Pagar.me em cofre criptografado, desenvolvimento em sandbox, chave de produção só na ativação da loja. Backup diário fora do servidor. Monitoramento de vulnerabilidades conhecidas com alerta.

Parar de pagar interrompe as atualizações de segurança, e o contrato registra que o risco passa a correr por conta da cliente. Foi assim que o site antigo dela foi comprometido.

⚠️ Bloqueios antes de assinar

1. Razão social e CNPJ da Unident não confirmados.
2. A conta Pagar.me está em nome de outro titular, lido parcialmente como "SOORTO DENTAL EI...", CNPJ 30.863.301/0001-00. Precisa confirmar se é a mesma pessoa jurídica que vai assinar.
3. Endereço e telefone divergem entre as fontes.
4. A arquitetura do checkout ainda não foi decidida, então ela vive no Anexo I, a definir.
5. Falta revisão de advogado.

Tier 1 — Recepcionista IA

1 canal (WhatsApp OU Instagram), inbound. FAQ + qualificação + agendamento via calendário. Ex.: dentista/advogado solo, clínica pequena.

Tier 2 — Atendente IA

2 canais (WhatsApp + Instagram), inbound + follow-up de lead frio + log no CRM + handoff humano. Ex.: clínica com vários profissionais.

Tier 3 — Operação IA

Multicanal + integrações (CRM, agenda, pagamento, dashboard) + workflows custom. Ex.: negócio com volume real de leads.

🧮 Contabilidade

Automação contabilidade UK (apresentação + playbook de diagnóstico + script de disparos). Agente de atendimento/qualificação.

⚖️ Advocacia

Coberto pelos tiers de Recepcionista/Atendente IA (advogado solo no Tier 1). Sem material dedicado ainda.

🧴 Clínicas de estética

Agente WhatsApp + demo de agenda ao vivo + produto de análise de pele IA (em construção). Prospecção ativa (clínicas BR em Londres).

🎬 Pipeline de Reels @davidsantos.ai

Gancho (HeyGen clone) → narração → b-rolls (Paulo) → legenda (Jonathan) → montagem Remotion (clone tela cheia + split b-roll). Legendas obrigatórias em todo vídeo.

🧲 Reel "AGENTE" → DM com PDF

Comentário "AGENTE" no Reel 2 dispara DM com PDF (guia-agente.pdf) + sequência de venda. Media ID 18094601459193306.

🩺 Demo clínica — agenda ao vivo

Agente WhatsApp confirma agendamento e aparece na hora em demo-clinica.davidsantos-ai.com (SSE).

🗂️ Carrossel diário

Skill daily-carousel-ai (PT). Capa primeiro → aprovação → slides 2–8. Disparo único via cron (ter/qui/sáb 05:00 UTC).

paulo-dev

Dev full-stack: Node, Python, React, infra, b-rolls, montagem de reels.

juliana-ops

Sub-gerente: design, processos, coordenação, distribuição de tarefas.

jonathan-copy

Copywriter: roteiros, legendas, copies de venda.

rafael-projetos

Gestão de projetos: cronogramas, sprints.

davi-sdr

SDR de vendas: SPIN selling, qualificação de leads.

denderson-clone

Tráfego pago: Meta Ads, campanhas, criativos, métricas.

📘 Guia do Agente

Esqueleto de fluxo de um agente (posiciona Ava vs N8n). Lead magnet do Reel "AGENTE".

📗 Guia Claude Corps

Guia Claude Corps (438 KB). Fonte em pdf-claudecorps/.

📙 Guia Clone HeyGen

Passo a passo de clone no HeyGen (HTML + PDF, 544 KB). Fonte em pdf-heygen/.

🖼️ Agente comprado nao orquestrado

Carrossel completo de 1 slides em /opt/ava/workspace/carrosseis/2026-08-06_agente-comprado-nao-orquestrado/pt/.

🖼️ Token caiu conta dobrou

Carrossel completo de 8 slides em /opt/ava/workspace/carrosseis/2026-08-04_token-caiu-conta-dobrou/pt/.

🖼️ Agente desligado

Carrossel completo de 1 slides em /opt/ava/workspace/carrosseis/2026-08-01_agente-desligado/pt/.

🖼️ Ia 68 profissoes 20 do trabalho

Carrossel completo de 8 slides em /opt/ava/workspace/carrosseis/2026-07-30_ia-68-profissoes-20-do-trabalho/pt/.

🖼️ Itaú lança a ia.i e troca o menu do app por conversa

"O maior banco do Brasil tirou o menu da frente do cliente. No lugar entrou uma conversa." Carrossel completo de 8 slides em /opt/ava/workspace/carrosseis/2026-07-28_itau-tirou-o-menu/pt/.

🖼️ Ia escapou do controle

Carrossel completo de 8 slides em /opt/ava/workspace/carrosseis/2026-07-25_ia-escapou-do-controle/pt/.

🖼️ Brasil aposta 23 bilhoes ia

Carrossel completo de 8 slides em /opt/ava/workspace/carrosseis/2026-07-23_brasil-aposta-23-bilhoes-ia/pt/.

🖼️ Empresas trocam trabalho por agentes

Carrossel completo de 8 slides em /opt/ava/workspace/carrosseis/2026-07-21_empresas-trocam-trabalho-por-agentes/pt/.

🖼️ Back office ia

"O TRABALHO DE ESCRITÓRIO ESTÁ SENDO APAGADO. TAREFA POR TAREFA." Carrossel completo de 8 slides em /opt/ava/workspace/carrosseis/2026-07-18_back-office-ia/pt/.

🖼️ Bolha ia estoura

"A BOLHA DA IA VAI ESTOURAR. QUEM SOBRA NÃO É QUEM VOCÊ ACHA." Carrossel completo de 8 slides em /opt/ava/workspace/carrosseis/2026-07-16_bolha-ia-estoura/pt/.

🖼️ Procura ia 306

Carrossel completo de 8 slides em /opt/ava/workspace/carrosseis/2026-07-14_procura-ia-306/pt/.

🖼️ Agentes empresas

Carrossel completo de 8 slides em /opt/ava/workspace/carrosseis/2026-07-11_agentes-empresas/pt/.

🖼️ Febre agentes ia

"A febre dos agentes de IA ja tem data de validade" Carrossel completo de 1 slides em /opt/ava/workspace/carrosseis/2026-07-09_febre-agentes-ia/pt/.

🖼️ Ia ficou barata

Carrossel completo de 8 slides em /opt/ava/workspace/carrosseis/2026-07-07_ia-ficou-barata/pt/.

🖼️ Shadow ai

Carrossel completo de 8 slides em /opt/ava/workspace/carrosseis/2026-07-04_shadow-ai/pt/.

🖼️ Agentes ia virada

"2026 é a virada dos agentes de IA no Brasil" Carrossel completo de 8 slides em /opt/ava/workspace/carrosseis/2026-07-02_agentes-ia-virada/pt/.

🖼️ Corrida dos agentes

Carrossel completo de 8 slides em /opt/ava/workspace/carrosseis/2026-06-30_corrida-dos-agentes/pt/.

🖼️ Qual parte vira agente

Carrossel completo de 8 slides em /opt/ava/workspace/carrosseis/2026-06-27_qual-parte-vira-agente/pt/.

🖼️ Ia agentes empregos

"A IA apagou 45 mil vagas em 90 dias" Carrossel completo de 8 slides em /opt/ava/workspace/carrosseis/2026-06-25_ia-agentes-empregos/pt/.

🖼️ Agentes ia escala

"62% testam agentes de IA. So 23% fazem funcionar." Carrossel completo de 8 slides em /opt/ava/workspace/carrosseis/2026-06-23_agentes-ia-escala/pt/.

🖼️ O paradoxo da producao de agentes de IA

"Todo mundo adotou agentes. Quase ninguem conseguiu manter." Carrossel completo de 8 slides em /opt/ava/workspace/carrosseis/2026-06-20_paradoxo-agentes-ia/pt/.

🖼️ meu_carrossel (8 cards)

1 carrossel completo recuperável: card_01 a card_08 PNG + carrossel.html + build.py. Em scraping_carrossel/meu_carrossel/.

🖼️ modelo_claudecorps (raspado)

Carrossel-referência raspado de 17/06 (7 imagens + legenda .txt). Em scraping_carrossel/modelo_claudecorps/.

🖼️ produto-carousel-generator

Apenas 4 capas de teste (cover_v1/v2, cover_c2_v1/v2). Sem slides completos.

⚡ Hero SaaS Aurora

Landing principal de um produto SaaS B2B que precisa transmitir tecnologia e confianca logo no primeiro scroll.

Tecnica: CSS keyframes para a aurora + IntersectionObserver ou animacao on-load para o stagger. Para refinar o stagger use Framer Motion (React) ou GSAP. Sempre guardar atras de prefers-reduced-motion. Fallback mobile: aurora parada (sem drift) pra poupar bateria.

🎭 Hero Agencia Kinetic

Site de agencia criativa/marketing que quer impactar com tipografia grande e movimento ousado.

Tecnica: Reveal de linha por mask overflow-hidden (mesma tecnica do hero da Halden). Marquee = CSS animation translateX infinito (duplicar o conteudo pra loop perfeito). Cursor lerp = requestAnimationFrame com interpolacao. GSAP SplitText ajuda mas da pra fazer no na mao. Fallback mobile: desligar cursor custom e marquee.

🖋️ Hero Portfolio Editorial

Portfolio de designer, fotografo ou estudio que quer um ar de revista editorial sofisticada.

Tecnica: Pareamento Cormorant + Inter e a paleta paper/gold sao exatamente os do Halden Estates. Reveal por clip-path + parallax via GSAP ScrollTrigger; smooth scroll com Lenis. Fallback mobile: parallax mais suave ou desligado, imagem com reveal simples de opacity.

📦 Landing de Produto Fisico

Pagina de venda de um produto fisico (gadget, cosmetico, hardware) com foco em desejo e detalhe.

Tecnica: Pin + scrub das features e os counters sao GSAP ScrollTrigger (pin:true, scrub). Lenis pro smooth scroll. Bob = CSS keyframe. Fallback mobile: trocar o pin por reveal sequencial simples (IntersectionObserver) pra nao travar; counters animam so quando visiveis.

🏛️ Imobiliario / Arquitetura Premium

Imobiliaria boutique ou estudio de arquitetura vendendo imoveis de alto padrao com tom minimalista e caro.

Tecnica: Este e o dna do Halden Estates: nav com mix-blend-mode:difference virando barra solida ao scrollar, paleta ink/paper/gold, Cormorant+Inter, reveal de headline por mask, parallax do hero. Lenis (smooth) + GSAP ScrollTrigger (parallax e reveal). Fallback mobile: parallax suave, nav vira burger.

🎬 Abertura Imersiva Scroll-Scrub

Abertura cinematografica estilo Apple/AirPods: um passeio dirigido pelo scroll que prende o usuario logo de cara (imovel, produto, marca).

Tecnica: Tecnica exata da nossa abertura imersiva (canvas frame-scrub estilo AirPods): height alto + sticky pin, indice do frame mapeado pelo progresso do scroll, fase vertical + fase lateral. GSAP ScrollTrigger (scrub) controla o indice; preload obrigatorio dos frames. CRITICO o fallback mobile (video loop ou imagem estatica) e o prefers-reduced-motion (primeiro frame). Limitar DPR<=2 pra performance.

🌿 Clinica / Estetica Calm

Clinica de estetica, dermatologia ou spa que precisa transmitir calma, limpeza e confianca (e converter em agendamento).

Tecnica: Movimento suave e lento (sem bounce) e o ponto: easing tipo cubic-bezier(.22,1,.36,1), duracoes 0.8-1.2s. Reveal via IntersectionObserver ou Framer Motion. Lenis opcional pro scroll macio. Fallback mobile: empilhar, foto primeiro, shimmer mais leve. Acessibilidade importa (contraste do CTA).

🍽️ Restaurante / Hospitalidade

Restaurante, bar ou hotel boutique que quer dar agua na boca e levar a reserva.

Tecnica: Ken-burns = CSS keyframe scale. Scroll horizontal dirigido pelo scroll vertical = GSAP ScrollTrigger com pin + translateX (classico horizontal scroll). Lenis pro smooth. Fallback mobile: a faixa horizontal vira um carrossel de swipe nativo (scroll-snap), sem pin, pra nao prender o dedo.

⚡ Hero Fintech Trust

Fintech, banco digital ou produto financeiro que precisa parecer seguro, rapido e premium.

Tecnica: Tilt 3D = transform rotateX/rotateY no mousemove com lerp (perspective no pai). Chart desenhando = SVG stroke-dasharray/dashoffset animado. Grid de pontos = background CSS ou canvas leve. Framer Motion ou GSAP pra orquestrar. Fallback mobile/touch: sem tilt (depende de mouse), card estatico.

📦 Hero Evento / Conferencia

Landing de evento, conferencia, lancamento ou workshop com data, contagem regressiva e CTA de inscricao.

Tecnica: Mesh gradient = blobs com filter:blur grande + keyframes de posicao (ou canvas/WebGL se quiser caprichar). Countdown = setInterval simples com data alvo. Reveal de char/linha via mask. Fallback mobile: mesh parado, marquee off, layout do countdown empilhado 2x2.

⚡ Hero App Mobile Showcase

App mobile que quer mostrar o produto rodando num device com movimento elegante e CTA de download.

Tecnica: Device frame todo em CSS (border-radius + inner screen), nada de asset externo obrigatorio. Bob e drift = CSS keyframes; tilt no scroll = ScrollTrigger ou scroll listener com transform. Chips parallax via mousemove lerp. Fallback mobile: tudo estatico, foco no CTA e nos badges.

🖋️ Hero Portfolio Dark 3D

Portfolio de dev/criativo techy que quer um hero escuro com profundidade e um toque de WebGL sem exagero.

Tecnica: Particulas em canvas 2D leve (nao precisa Three.js; se quiser ir alem, react-three-fiber/Three.js). Parallax/repulsao no mousemove. Pausar canvas com document.hidden (requestAnimationFrame). Grain via overlay CSS. Fallback mobile/reduced-motion: glow estatico, sem particulas. Cuidado com performance e bateria.

💳 SaaS Pricing com Toggle Animado

Secao de planos de um SaaS que precisa converter: 3 cards de preco, toggle mensal/anual animado e card de destaque sutil.

Tecnica: Toggle = input checkbox + label estilizada; troca de preco data-monthly/data-yearly. Number roll = requestAnimationFrame interpolando o valor (ou contador simples). Borda gradiente girando = conic-gradient + @property --hue animado (fallback: borda solida). Reveal dos features via IntersectionObserver. Fallback mobile: empilhar, popular primeiro.

🍱 SaaS Bento Grid de Features

Secao de features de um SaaS no estilo bento grid (cards de tamanhos diferentes), cada um com uma micro-animacao propria.

Tecnica: Bento = CSS grid com grid-column/grid-row span por card. Spotlight no hover = radial-gradient lendo --mx/--my setados no mousemove (puro CSS+JS leve). Micro-visuais animam via IntersectionObserver (chart com stroke-dashoffset, terminal com setTimeout digitando). Fallback mobile/reduced-motion: estado final imediato, sem spotlight.

🛍️ E-commerce Hero de Produto

Pagina de produto de loja (moda, beleza, lifestyle) com troca de variante por cor e galeria que reage ao mouse.

Tecnica: Magnify = transform scale com transform-origin lendo a posicao do mouse no mousemove. Troca de variante = crossfade de opacity entre imagens + trocar --accent. Sticky add-to-bag = IntersectionObserver no CTA principal (mostra a barra quando ele sai da tela). Fallback mobile/reduced-motion: sem magnify, troca instantanea, barra fixa simples.

🛒 E-commerce Vitrine Horizontal

Secao de 'coleção em destaque' de loja: prateleira de produtos que rola na horizontal puxada pelo scroll vertical, com cards que ganham vida.

Tecnica: Horizontal scroll dirigido pelo vertical = GSAP ScrollTrigger pin + translateX da trilha (a largura total da trilha define o scroll distance). Lenis pro smooth. Card hover = crossfade de 2 imagens. CRITICO o fallback mobile: trocar pin por overflow-x:auto + scroll-snap-type:x (sem prender o dedo). Reduced-motion: linha normal.

🎓 Landing de Curso Online

Pagina de venda de curso/infoproduto: hero com prova social, modulos que se revelam e CTA de matricula.

Tecnica: Counter = requestAnimationFrame ate o alvo, disparado por IntersectionObserver. Acordeao = medir scrollHeight e animar max-height (ou Web Animations API) com chevron rotacionando. Sticky enroll bar via IntersectionObserver no CTA do hero. Avatar stack = imagens sobrepostas com margin negativa. Fallback mobile: empilhar, CTA sempre acessivel.

📡 Landing de Webinar / Lancamento

Pagina de captura para webinar ou lancamento ao vivo: contagem regressiva, formulario de inscricao e gatilho de escassez.

Tecnica: Countdown = setInterval com data alvo (mostrar timezone via Intl.DateTimeFormat().resolvedOptions().timeZone). Form sem backend = preventDefault e trocar pra estado de sucesso (flip ou fade); links de calendario = arquivo .ics inline ou link Google Calendar. Glow = blobs blur + keyframes. Fallback mobile/reduced-motion: glow estatico, foco no form.

🏋️ Hero Fitness / Wellness

Academia, estudio de pilates/yoga, personal ou app de treino que quer energia e movimento sem perder o ar premium.

Tecnica: Headline reveal por mask slide-up. Counters = requestAnimationFrame disparado on-load ou via IntersectionObserver. Class strip = overflow-x + scroll-snap (nativo, sem pin). Marquee = translateX infinito. Se usar video no hero: muted+autoplay+loop+playsinline, com poster, e trocar por imagem no reduced-motion. Fallback mobile: video pode virar imagem pra economizar dados.

🩺 Hero Medico / Saude

Consultorio medico, dentista ou clinica de saude que precisa transmitir competencia, acolhimento e levar ao agendamento.

Tecnica: Tom = confianca e acessibilidade: contraste AA no CTA, focus-visible claro, nada de movimento agressivo. Reveal suave via IntersectionObserver, easing cubic-bezier(.22,1,.36,1). Sem libs pesadas. Fallback mobile: empilhar com foto depois do CTA, banda de agendamento sempre visivel. Acessibilidade vem antes do efeito.

🏘️ Imobiliario Grade de Listings

Secao de imoveis em destaque (varias propriedades) com cards que revelam preco e detalhes ao passar o mouse e selo de tour imersivo.

Tecnica: Mesma paleta/tipografia do Halden (ink/paper/gold, Cormorant+Inter) pra consistencia de marca. Reveal por mask/stagger via IntersectionObserver. Overlay = translateY no hover; no mobile mostrar sempre (hover nao existe no touch). Selo shimmer = gradient animado mascarado. Fallback mobile: info visivel, sem hover dim.

🌀 Hero Agencia Noise & Warp

Agencia/estudio digital que quer um hero ousado com distorcao animada e tipografia que reage ao mouse, sinal de capacidade tecnica.

Tecnica: Warp por letra = split do headline em spans, no mousemove calcular distancia ao cursor e aplicar translate proporcional (lerp). Botao magnetico = mesma ideia (nudge em direcao ao cursor). Path SVG desenhando = stroke-dasharray/dashoffset. Throttle no mousemove (rAF). Fallback touch/reduced-motion: tipo estatico, sem warp/magnetico/grain.

🎵 Hero Artista / Musica

Pagina de artista, musico, DJ ou banda divulgando um lancamento: capa, player e datas de turne com clima imersivo.

Tecnica: Background = mesma imagem da capa com filter:blur grande + brightness, por baixo da capa nitida. Visualizer = barras com @keyframes scaleY e animation-delay escalonado (zero audio real, so visual). Bob = keyframe. Hue shift = filter:hue-rotate animado. Tour dates reveal via IntersectionObserver. Fallback reduced-motion: barras paradas, sem bob/hue.

🎙️ Hero Podcast / Newsletter

Pagina de podcast ou newsletter de criador: capa, ultimos episodios e captura de email, com clima de marca pessoal.

Tecnica: Form sem backend = preventDefault e trocar pra estado de sucesso. Counter via IntersectionObserver + rAF. Waveform = barras CSS (decorativo). Episodes reveal por IntersectionObserver com stagger. Fallback mobile: empilhar com o form acessivel primeiro. Marca pessoal: 1 fonte de destaque, 1 acento, muito respiro.

📊 SaaS Faixa de Metricas Animadas

Faixa de prova social/metricas de um SaaS ou agencia: numeros grandes que contam ate o valor quando entram na tela.

Tecnica: Counter = IntersectionObserver dispara rAF interpolando 0->target com easeOut; cuidado com formatacao (separador de milhar via toLocaleString). Linha desenhando = scaleX no eixo X (transform-origin:left) ou width transition. Background pattern leve em CSS. Fallback reduced-motion: valor final imediato, sem blur/draw. Reutilizavel em qualquer pagina como secao de prova social.

🏝️ Hero Viagem / Resort

Hotel resort, pousada de luxo ou destino de viagem que quer vender o sonho com imagem grande e clima cinematografico.

Tecnica: Ken-burns/parallax = CSS keyframe + ScrollTrigger leve. Booking widget = card fixo/sticky decorativo (sem backend; so UI). Rooms strip = overflow-x + scroll-snap nativo. Video hero: muted+autoplay+loop+playsinline+poster, trocar por imagem no reduced-motion. Lenis pro smooth. Fallback mobile: imagem no lugar do video pra economizar dados.

🛰️ Hero B2B Integracoes em Orbita

SaaS B2B que vende integracao/conectividade (a ferramenta que conecta tudo): logos de apps orbitando o produto no centro.

Tecnica: Orbita = container girando (CSS rotate keyframe) com cada logo contra-rotacionando pra ficar em pe; raios diferentes por ring. Pulsos = pontos animados ao longo de linhas SVG (offset-path ou stroke-dashoffset). Pausar com document.hidden. Fallback mobile/reduced-motion: grade estatica de logos (orbita nao funciona bem no touch nem no rM). Cuidado com performance.

📖 Imersivo Storytelling Scroll-Text

Secao de narrativa de marca dirigida pelo scroll: o texto se ilumina palavra a palavra e capitulos trocam de fundo conforme o usuario desce.

Tecnica: Word-by-word = split em spans, mapear opacidade de cada palavra ao progresso do scroll dentro de uma faixa (ScrollTrigger scrub ou IntersectionObserver com rootMargin estreito). Backgrounds crossfade por capitulo. Pin no desktop; no mobile trocar pin por reveal simples por linha. Fallback reduced-motion: tudo opaco, troca instantanea. Inspirado em landings narrativas premium.

⌚ App Fitness com Progresso ao Vivo

App de treino, corrida ou bem-estar mostrando o produto rodando num phone com aneis de progresso e metricas que animam, e CTA de download.

Tecnica: Device frame e tela todo em CSS/SVG, sem asset externo. Aneis de progresso = circulos SVG com stroke-dasharray/dashoffset animados, disparados por IntersectionObserver. Counters via rAF. Chips parallax no mousemove (lerp). Bob = keyframe. Fallback mobile/reduced-motion: estado final imediato, sem bob/drift, foco nos badges. Pausar animacoes fora da tela.

📲 App Onboarding Walkthrough

Secao 'como funciona' de um app mobile: 3-4 telas do app que avancam em sincronia com o scroll, contando o fluxo de uso passo a passo.

Tecnica: Pin do phone + troca de tela por step = GSAP ScrollTrigger (pin + onEnter por step) ou IntersectionObserver por bloco de step trocando a classe ativa e a screen. Screens crossfade por opacity. Linha de progresso = scaleY. CRITICO o fallback mobile: sem pin, cada step com sua tela empilhada (pin de phone trava ruim no touch). Reduced-motion: troca instantanea.

📚 Biblioteca · 18 Reels

Sequência completa: 10 reels de autoridade + 8 de lançamento do Carousel Generator, com ordem de postagem, pré-requisitos e legendas prontas.

📚 Biblioteca · 10 Primeiros Reels

Os 10 primeiros reels do plano de conteúdo: gancho, blocos com timecode, B-roll e dicas de execução por reel.

🎬 14/08

O conceito de inteligência artificial se auto-representar gera curiosidade e diversão. As imagens bizaras chamam a atenção e fazem…

🎬 12/08

Mostra como simplificar a criação de conteúdo para redes sociais, abordando um tema relevante e atual que muitos criadores enfrent…

🎬 10/08

Muitos criadores subestimam a importância de testar a segurança de seus aplicativos, levando a vulnerabilidades que podem comprome…

🎬 07/08

O tema é relevante para quem trabalha com IA, abordando uma solução prática para um problema comum e caro: o uso excessivo de toke…

🎬 05/08

As pessoas acreditam que só conhecem ferramentas populares de IA, mas existem soluções incríveis que podem facilitar muito o dia a…

🎬 03/08

Revela uma abordagem prática e não convencional de monetização, ideal para quem busca alternativas rápidas no mercado digital.

🎬 31/07

O tema propõe uma solução prática para a criação de conteúdos dinâmicos, aproveitando novas ferramentas. Isso gera curiosidade e r…

🎬 29/07

O LinkedIn é uma plataforma poderosa, mas muitas pessoas não sabem como usá-lo de forma eficaz para gerar negócios. Vamos mostrar…

🎬 27/07

O uso de ferramentas de IA para transformar espaços pessoais é uma tendência crescente, e a combinação de design acessível e tecno…

🎬 24/07

A maioria das pessoas acredita que não tem como encontrar descontos de forma fácil e rápida; mostrar que isso é possível gera iden…

🎬 22/07

Explore um método prático para descobrir suas raízes familiares usando inteligência artificial. A conexão emocional do público com…

🎬 20/07

O uso de inteligência artificial para facilitar e potencializar a criação de conteúdo é uma tendência crescente que desperta inter…

🎬 17/07

A geração de vídeos cinematográficos por IA está revolucionando a forma como criamos conteúdo, e isso desperta a curiosidade sobre…

🎬 15/07

A percepção comum é que assistentes de IA são sempre confiáveis. O contraste entre essa crença e a realidade provoca curiosidade e…

🎬 13/07

O tema de automação e otimização com IA é altamente relevante e provoca curiosidade e apelo imediato, especialmente com uma promes…

🎬 10/07

A privacidade online é um tema quente. O medo de ser descoberto em plataformas digitais gera curiosidade e engajamento imediato.

🎬 08/07

Promessa de ganhar dinheiro com zero experiência chama a atenção, especialmente em um mercado tão competitivo.

🎬 06/07

Os traders buscam constantemente formas de economizar tempo e tornar suas operações mais eficientes; aprendendo algo novo em pouco…

🎬 03/07 · yap

Abre com um contraponto que desmonta a crença comum ("pra não perder cliente você tem que viver grudado no celular") e entrega a p…

🎬 03/07 · dormindo

A ideia de fechar venda enquanto dorme quebra a crença de que só quem vive grudado no celular não perde cliente. Prova real de age…

🎬 03/07

O tema é altamente relevante e ressoa com quem está lidando com a pressão de soluções tecnológicas e a compulsão por produtividade…

🎬 01/07

mostra automacao real acontecendo na pratica (nao teoria), e o proprio Reel vira a prova viva do que ele vende. Quem comenta testa…

🎬 29/06 · Qual IA usar

As pessoas estão fascinadas pela grande transformação que a inteligência artificial pode trazer ao nosso cotidiano. O vídeo fará u…

🎬 29/06 · Looping

O tema de automação e eficiência em IA está em alta. Este formato promete facilitar o uso da tecnologia, atraindo criadores e prof…

🎬 29/06

Mostra de forma clara e prática como a automação pode transformar a gestão de conteúdo, gerando curiosidade e desejo de implementa…

🎬 26/06 · API Facebook

O público está sempre em busca de formas de melhorar seus resultados com anúncios e essa dica prática oferece uma solução direta,…

🎬 26/06

O processo simplificado para criar sites pode impactar projetos de muitas pessoas, gerando curiosidade e engajamento em um tema de…

🎬 25/06

Revelar hacks desconhecidos para maximizar o uso do ChatGPT gera curiosidade e empoderamento nos usuários.

🎬 17/06

Os criadores de conteúdo e profissionais estão buscando maneiras de otimizar o uso da inteligência artificial, e a promessa de um…

🎬 15/06

O uso de inteligência artificial para otimizar candidaturas é um tema atual e chama a atenção de quem busca emprego, com um result…

🎬 12/06

O público busca eficiência e ferramentas que otimizem seu tempo nas redes sociais, além de estratégias para engajamento.

🎬 10/06

A promessa de desconto automático atrai quem gosta de compras e quer economizar, além de apresentar uma nova forma de usar a IA de…

🎬 08/06

Revelar truques para obter melhores respostas da IA desperta a curiosidade e motiva os criadores a usarem a tecnologia de forma ma…

🎬 05/06

A automação é uma tendência crescente entre os empreendedores. Ao mostrar uma prática específica que pode economizar tempo e aumen…

🎬 03/06

Os criadores de conteúdo e empreendedores estão sempre em busca de soluções rápidas e acessíveis. Mostrar que é possível fazer um…

🎬 01/06

A relevância de estar entre os melhores criadores de conteúdo gera curiosidade e engajamento, além de mostrar a importância do tra…

🎬 29/05

A experiência revela como diferentes IAs podem impactar a sociedade de maneiras imprevisíveis e até assustadoras.

🎬 27/05

A organização eficiente de pastas pode aumentar a produtividade em projetos de programação, otimizando o trabalho com inteligência…

🎬 25/05

Um assunto relevante que provoca reflexão e curiosidade sobre como a tecnologia pode redefinir carreiras e funções.

🎬 22/05

A polêmica em torno da autenticidade da arte e a crescente presença da IA provoca debates acalorados.