Landing page de vidro líquidov1.0.3
Use esta Skill para criar página de site.
Em alta
5.035 downloads1 curtidas1 salvamentos
$4.99
O que eu recebo ao comprar esta Skill?Crie uma landing page escura em vidro fosco, com Hero cinematográfico, captura de e-mail em destaque e uma narrativa editorial contida. Pílulas de vidro captam a luz nas bordas sobre um fundo quase preto, um título serifado enorme destaca uma palavra em itálico, e o produto aparece como uma prévia de e-mail ao vivo com gráfico. Em seguida vêm preços, FAQ, uma captura final e páginas para edição de amostra, arquivo, manifesto, assinatura, login e termos legais. Por padrão, é um único arquivo autocontido que abre 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
- Uma landing page com cerca de uma dúzia de seções para a fictícia Nightfold, do Hero de vidro e da prévia de e-mail ao vivo a preços, FAQ, captura final e um rodapé com logotipo fantasma.
- Sete rotas: uma edição de amostra com paywall, um arquivo com busca e filtros, manifesto, assinatura, login, privacidade e termos, além de uma página 404 desenhada.
- Formulários de captura funcionais, seletor de caixa de entrada, preços mensais ou anuais com seletor de assentos, carrossel de notas de leitores e contagem regressiva, com quatro fontes embutidas em um único arquivo offline.
Ideal para
- Newsletters, listas de espera, betas privados e campanhas de lançamento em que o principal objetivo é coletar e-mails.
- Fundadores que querem o visual de vidro preto sem ajustar desfoque, bordas e reflexos à mão.
- Produtos que podem ser mostrados como uma tela real, como um e-mail, uma tela de app ou um changelog, em vez de uma foto de banco de imagens.
Não é para
- Marcas claras, coloridas ou guiadas por ilustração; o design é apenas escuro, sem cor de destaque.
- Enviar e-mails reais logo de cara: os formulários de captura, assinatura e login confirmam na página até você conectar seu serviço de e-mail.
- Sites de conteúdo grandes, com muitos níveis de navegação; esta é uma página de conversão com algumas rotas de apoio.
Lançamento de produto e crescimento de appsWeb design e experiências digitaisCriar página de siteCriar landing pageEstilo travadoFoco em conversãoCinematográficoGlassmorphismMonocromático escuroLiquid GlassSerifa display
Sobre esta Skill
Transforme um nome e uma promessa em uma landing page escura que parece vidro fosco sobre um filme: pílulas de vidro que captam a luz, um título serifado enorme com uma palavra em itálico e uma captura de e-mail bem no centro. O exemplo é a newsletter fictícia Nightfold, com prévia de e-mail ao vivo, preços de assinatura e sete rotas funcionais. O resultado padrão é um único arquivo autocontido que abre offline em qualquer navegador.
O que você recebe
- Um cabeçalho em pílula de vidro, um Hero cinematográfico com captura de e-mail, uma prévia de e-mail ao vivo com gráfico, uma faixa de fatos e uma seção dividida sobre o método
- Seletor de edições, editores, notas de leitores, preços de assinatura com alternância mensal ou anual, edições recentes, FAQ e uma captura final com contagem regressiva
- Páginas de edição de amostra, arquivo, manifesto, assinatura, login e termos legais, além de uma página 404 desenhada
- Instrument Serif, Newsreader, Geist e Geist Mono embutidas, sem nenhuma requisição de rede
Como usar
- Compartilhe o nome, o que é o produto, o que as pessoas ganham ao se inscrever, a frequência, os preços e quem está por trás.
- Seu agente preenche as seções, mostra o produto como uma tela ao vivo no painel de vidro e cria imagens escuras ou usa seu vídeo para o Hero.
- Abra a página, teste os formulários de captura, a alternância de preços e os filtros do arquivo, depois peça alterações.
Imagens geradas podem ter cobranças de uso da sua ferramenta de imagens. Os formulários confirmam na página e não enviam nada até você conectar seu próprio serviço de e-mail.
O que você precisa antes de começar
- Você fornece
- Nome, o que é o produto e o que o visitante ganha ao se inscrever · Frequência ou data de lançamento, preços ou planos, alguns fatos verdadeiros e quem está por trás · Opcional: seu próprio vídeo escuro para o Hero e fotos da equipe
- 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 · Opcional: uma ferramenta de geração de imagens no seu agente; sem ela, as molduras de mídia recebem superfícies escuras provisórias
- Custos externos
- Gerar as imagens escuras com a ferramenta de imagens do seu agente pode gerar cobranças de uso dessa ferramenta. Sem ferramenta de imagens, a página é gerada mesmo assim, com superfícies escuras provisórias em cada moldura de mídia.
- Último teste
- v1.0.3 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Avaliações dos usuários
Carregando avaliações…