O que você recebe
- Um arquivo HTML com fontes e imagens embutidas, que também roda numa prévia isolada
- Onze seções: hero em cartão de título, manifesto, momentos do produto em abas, filme noturno, especificações, painel do app, agendamento na showroom, diário e reserva
- Formulários funcionais de agendamento, reserva, contato e newsletter, com validação em linha e recibos
- Um validador de uso offline, de ligações, acessibilidade e de nomes de exemplo que sobraram
- Imagens de produto, loop de fundo e cartão social do PopNow, opcionais, após cotação em créditos
Ideal para
- Páginas de pré-venda, lista de espera ou reserva de hardware premium
- Lançamento de um relógio, fone, câmera, carro, perfume ou móvel
- Uma primeira página de produto para uma marca focada em design
Não é para
- Lojas com muitos produtos ou carrinho de compras
- Marcas claras, pastéis ou de cores muito vivas
- Páginas de preços de SaaS e sites editoriais longos
Como usar
No Claude ou no ChatGPT
Use a skill da PopNow “Página de lançamento de produto cinematográfica” (product-launch-landing-page) para isto: Página de lançamento para o Halden One, um relógio mecânico de corda manual de uma pequena oficina dinamarquesa-suíça. As reservas abrem com sinal de US$ 250, as primeiras 300 peças, visitas à showroom em Genebra e Copenhague.
Em um agente de programação
/popnow-product-launch-landing-page Página de lançamento para o Halden One, um relógio mecânico de corda manual de uma pequena oficina dinamarquesa-suíça. As reservas abrem com sinal de US$ 250, as primeiras 300 peças, visitas à showroom em Genebra e Copenhague.
Depois tente
Informe o custo de quatro closes do produto e de um loop de cena noturna antes de gerar qualquer coisa.
Faça uma versão leve só com o hero, os momentos e a reserva.
O que ter em mãos
- Nome do produto, preço ou linha de disponibilidade e onde ele é feito
- Como as pessoas experimentam e compram, além das condições de sinal, garantia e envio
- Fotos do produto, ou os materiais e um detalhe marcante se ele ainda não existir
- Opcional: uma chave de API do PopNow e o DESIGN.md do projeto
Skills parecidas
Ver todas →Criador de avatar 3D
+3Monte um personagem 3D fofo de pelúcia no navegador e salve como PNG transparente ou página 3D.
Calendário heatmap
+3Um ano de atividade diária em uma grade de calendário sombreada, com sequências, totais e navegação por teclado.
Landing page de SaaS com IA
+3Papel areia, trilhos finos e um quadro kanban ao vivo em que um assistente planeja tarefas.
Seção hero animada
+3Um hero de landing page com uma palavra do título que gira suavemente, dois botões e um quadro largo de imagem.
Site de agência com hero em shader
+3Hero de shader laranja ao vivo atrás de uma frase fixada, navegação em pílula e uma grade de cases.
Landing page SaaS escura
+3Um site de marketing escuro e cheio de movimento para um produto de software, entregue em um único arquivo HTML.
Site de portfólio de designer
+3Seis cartões inclinados em volta de um título sobre cinza calmo, um retrato em vermelho e cases editoriais.
Site de portfólio para desenvolvedor
+3Um site pessoal escuro para engenheiros, com cases, artigos, palestras, currículo e formulário de contato.
Site editorial de SaaS
+3Hero dividido em azul-marinho, título serifado ao lado de uma foto documental e um destaque azul-cobalto.
Modelo de site glassmorphism
+3Pílulas de vidro fosco sobre película quase preta, título serifado enorme e captura de e-mail.
Site de produto de hardware
+3Nomes de modelo enormes e finos sobre fotos prateadas, cartões de especificação e linha em escala.
Diagrama de arquitetura interativo
+3Um diagrama de sistema offline e clicável, feito a partir de um modelo JSON verificado, com a evidência por trás de cada caixa.
Hero interativo com grade
+3Uma grade escura de fios finos que se curva em direção ao cursor e lança um anel luminoso a cada clique.
Explorador de grafo de conhecimento
+3Transforme anotações de projeto em um grafo offline e pesquisável, em que cada afirmação leva à linha de origem.
Modelo de dashboard de KPIs
+3Quatro cartões de KPI com variação, um gráfico de linha, detalhamento e barras de meta em papel quente.
Landing page a partir de mockups com IA
+3Veja três páginas completas antes, escolha uma, e o seu agente a constrói como código limpo e responsivo.
Template de site de revista
+3Um site de revista com qualidade de impresso, com artigos, temas, uma pequena loja e assinaturas, em um arquivo HTML.
Hero com animação de partículas
+3Texto em papel quente ao lado de uma esfera girando de pontos em tinta e azul-petróleo, que muda a cada ideia.
Site de marca pessoal
+3Um retrato esfumado sobre papel quente, sob um colchete fino, com afirmações claras e fortes de cada lado.
Template de painel administrativo
+3Um painel de back-office funcional com gráficos, tabelas, kanban e calendário, em um único arquivo HTML offline.
Template de landing page SaaS
+3Um site de marketing claro e tranquilo para um produto de software, com console de produto funcional, preços e cadastro.
Site de portfólio estilo scrapbook
+3Um currículo online de várias páginas feito de objetos de papel, com cases e um currículo para imprimir.
Template de site de loja de tênis
+3Uma loja completa de calçados ou roupas, com catálogo, páginas de produto, sacola e checkout de demonstração em um arquivo HTML.
Landing page de automação de fluxos
+3Página grafite com título pequeno e um grafo de nós ao vivo que roda, tenta de novo e mostra logs.
Perguntas
O hero é um vídeo?
Não. O hero é um título centralizado sobre uma animação lenta em canvas desenhada em código, então não custa nada e fica nítido. O vídeo do PopNow entra mais abaixo, na cena noturna em letterbox: um loop curto animado a partir da imagem aprovada e cortado para que a repetição seja invisível.
O que o PopNow gera aqui?
Closes opcionais do produto, imagens de cena e uma foto de cima com a mesma luz, um loop de fundo para a cena noturna e um cartão de prévia para redes sociais. A skill cota o plano inteiro em créditos e não roda nada até você concordar.
Posso usar sem uma chave de API?
Pode. Os palcos de foto voltam para cenas escuras em canvas ou para as suas fotos, os cartões do diário podem ser só texto, o cartão social é renderizado a partir do HTML, e a nota de entrega lista os espaços que ainda pedem uma foto real.
Os formulários de reserva e de agendamento recebem pagamentos?
Não. Eles validam, mostram um recibo e um número de referência, e não enviam nada até você conectá-los ao seu próprio endpoint ou ao checkout. A nota de entrega diz isso com clareza.