Escolha do Skillry
Landing page de marketing Cadencev1.0.3
Use esta Skill para criar landing page.
Popular
5.0181 downloads5 curtidas6 salvamentos
Grátis
Crie um site de marketing SaaS escuro e cheio de movimento que conta uma história contínua do produto: fundo grafite, um único destaque ciano, títulos em degradê de cinza para branco e uma tela de produto crível que se endireita com a rolagem. Cards animados, fluxo guiado pela rolagem, depoimento de cliente com retratos, integrações e segurança, planos de preço e FAQ levam a um laptop cuja tampa abre com a rolagem, com changelog, história de cliente, login e páginas legais. Você recebe um único arquivo que abre em qualquer navegador e funciona offline.
Mais escolhida por
Atualizada em 3 de out. de 2026
Galeria de prévias
Skills semelhantes
Ver todas as Skills
O que você recebe
- Um site de marketing escuro completo: Hero com o produto, cards de recursos animados, fluxo guiado pela rolagem, depoimento de cliente, integrações e segurança, preços com alternância de cobrança, FAQ e uma seção de cadastro
- Páginas internas que funcionam: changelog com filtros e busca, história de cliente, login e páginas legais, além de formulários com validação e estados de sucesso
- Telas de produto construídas na página e adaptadas ao seu produto, tipografia Geist e retratos de clientes gerados, tudo embutido em um único arquivo offline
Ideal para
- Fundadores lançando um SaaS ou ferramenta para desenvolvedores que querem uma página escura com cara de startup financiada desde o primeiro dia
- Profissionais de marketing de produto que precisam de um site de lançamento completo, com preços, provas, FAQ e changelog prontos para uma campanha
- Equipes sem capturas de tela caprichadas: cada tela de produto é construída na página e adaptada ao seu produto
Não é para
- Marcas que querem um visual claro e arejado: o Cadence é apenas escuro
- Cadastro ou cobrança reais: os formulários validam e confirmam na página, mas nada é enviado
- Blogs, portais de documentação ou outros sites com muito conteúdo: é um site de marketing de produto com algumas páginas de apoio, não um CMS
Lançamento de produto e crescimento de appsWeb design e experiências digitaisCriar landing pageEstilo travadoFoco em conversãoDestaque cianoTipografia em degradêGrafite escuroMockups de dispositivos em CSSMovimento no scroll
Sobre esta Skill
A Landing page de marketing Cadence cria um site de marketing SaaS escuro em que o próprio produto é a imagem do Hero. Fundo grafite, um único destaque ciano e títulos em degradê de cinza para branco conduzem uma história contínua da primeira tela até o cadastro, com changelog, história de cliente, login e páginas legais por trás. O exemplo é Loopwright, uma plataforma fictícia de feedback de clientes.
O que você recebe
- Uma página inicial em um único fluxo: card de produto no Hero, letreiro de logotipos, cards de recursos animados, um palco de fluxo guiado pela rolagem, depoimento de cliente com retratos, integrações e segurança, preços, FAQ e uma seção de cadastro com um laptop cuja tampa abre com a rolagem
- Páginas de apoio: um changelog filtrável, uma história de cliente com três números atribuídos, login e páginas legais
- Telas de produto construídas na própria página e adaptadas ao seu produto, para que uma única solicitação principal percorra toda a história
- Alternância de cobrança, tabela comparativa, FAQ, Tabs, menu mobile e formulários com validação e estados de sucesso funcionando
- Tipografia Geist e Geist Mono e retratos gerados, embutidos em um único arquivo que abre em qualquer navegador e funciona offline
Como usar
- Informe o nome do produto, o que ele faz, o principal fluxo do cliente e uma ideia de preços; anotações bastam.
- Seu agente adapta os cards de recursos e o fluxo ao seu produto, gera os retratos e preenche cada seção e página.
- Abra o arquivo no navegador, percorra cada página e formulário e peça mudanças de texto ou de seção com suas próprias palavras.
Os retratos vêm da ferramenta de imagem do seu agente, quando houver uma, o que pode gerar cobranças de uso dessa ferramenta. O que o briefing deixar de fora vira texto provisório que o agente lista para você confirmar.
O que você precisa antes de começar
- Você fornece
- Nome do produto, o que ele faz e uma ideia de título focada no resultado · De 4 a 5 recursos, as principais etapas do fluxo e uma ideia dos planos de preço · Depoimentos de clientes, números da história, integrações e fatos de segurança que você pode afirmar com honestidade (opcional; lacunas viram placeholders listados)
- Dependências
- Node.js 18 ou mais recente na máquina do seu agente, para rodar o script incluído que gera o arquivo único offline · Acesso à internet durante a geração do arquivo, para que as fontes sejam baixadas uma vez e embutidas · Uma ferramenta de imagem no seu agente para os retratos de clientes e as fotos da história (opcional; sem ela, a página mantém avatares com iniciais)
- Custos externos
- Retratos de clientes e fotos da história são gerados com a ferramenta de imagem do seu próprio agente, quando houver uma, o que pode gerar cobranças de uso dessa ferramenta. Sem ela, a página mantém avatares com iniciais e o agente lista os espaços que precisam de fotos. Nada mais usa serviço pago.
- Último teste
- v1.0.3 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Avaliações dos usuários
Carregando avaliações…