Landing page Editorial Inkv1.0.3
Use esta Skill para criar página de site.
Em alta
5.031 downloads0 curtidas0 salvamentos
$4.99
O que eu recebo ao comprar esta Skill?Crie um site de lançamento calmo e guiado pela tipografia para um produto de software: títulos serifados sobre papel quente, um céu pintado em tons claros e uma janela de produto funcional em que os visitantes podem clicar. Inclui páginas de cadastro, login, contato, changelog, segurança, carreiras e jurídico nos temas claro e escuro, entregues em um único arquivo autocontido 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 único arquivo de site autocontido que abre em qualquer navegador e funciona offline, com fontes e imagens embutidas; construído na sua própria stack quando você tem um projeto com framework.
- Uma janela de produto funcional no Hero mais uma home completa: manifesto com arte em tinta, método, bento de recursos, números com fonte, depoimentos, preços com contador de licenças e FAQ.
- Páginas complementares com formulários validados: cadastro, login, contato com vendas, um changelog filtrável, segurança, carreiras, privacidade, termos e uma página de não encontrado, nos modos claro e escuro.
Ideal para
- Fundadores de SaaS e equipes de produto que querem um site de lançamento bem pensado em vez de um template de gradiente chamativo.
- Ferramentas para desenvolvedores que podem transformar a janela de produto em abas de visão geral, logs e consultas.
- Empresas de serviços que podem mostrar um portal do cliente ou uma tela de agendamento na janela e transformar o changelog em um diário.
Não é para
- Cadastros, pagamentos ou envio de mensagens reais; os formulários mostram apenas confirmações de demonstração honestas.
- Marcas que querem um visual colorido, cheio de ilustrações ou roxo; o estilo mantém um único destaque em azul-tinta.
- Construir o próprio produto; esta Skill faz o site de marketing, não o app nem as telas de administração.
Lançamento de produto e crescimento de appsWeb design e experiências digitaisCriar página de siteCriar landing pageEstilo travadoResultado editávelEntrega rápidaSerifa editorialBordas finasPapel quenteCéu pictóricoAguada de nanquim
Sobre esta Skill
Editorial Ink Landing cria um site de lançamento calmo e guiado pela tipografia para um produto de software: títulos serifados sobre papel quente, um céu pintado em tons claros atrás do Hero e uma janela de produto funcional logo abaixo do título. O exemplo é a Petrichor, um app fictício de memória de reuniões para fundadores, com uma home completa e as páginas de cadastro, login, contato, changelog, segurança, carreiras e jurídico.
O que você recebe
- Um único arquivo de site autocontido que abre em qualquer navegador e funciona offline, com fontes e imagens embutidas. Se você já tem um projeto com framework, o design é construído nele, na sua própria stack.
- Uma janela de produto desenhada com o vocabulário do próprio produto, que os visitantes podem usar: alternar entre Recap, Transcript e Ask, marcar um próximo passo, pular para um momento da transcrição, fazer uma pergunta e receber uma resposta com citações.
- Uma home com um manifesto ao lado de um estudo em tinta sumi, um método de como funciona, um bento de recursos com linhas finas, números com fonte, depoimentos alternáveis, preços com seletor de cobrança e contador de licenças, um FAQ e uma chamada para ação final com céu de entardecer.
- Páginas complementares funcionais: cadastro e login com validação, contato com vendas, um changelog com filtros e busca, segurança, carreiras, privacidade, termos e uma página de não encontrado.
- Temas claro e escuro, ambos com design próprio, e animações discretas de uma vez só que respeitam a configuração de movimento reduzido.
Como usar
- Compartilhe o nome do produto, o que ele faz e para quem, o seu ponto de vista, de três a seis recursos, planos com limites reais, respostas para o FAQ e quaisquer números ou citações de clientes que você possa usar. Os textos que faltarem são escritos na voz da marca e listados para você confirmar.
- Deixe o agente gerar os céus, os estudos em tinta, a foto da história e os retratos com a ferramenta de imagem dele, em uma única paleta lavada pela chuva, ou envie suas próprias fotos. Sem uma ferramenta de imagem, a página é entregue com fundos suaves em estilo pintado e iniciais no lugar das fotos.
- Abra todas as páginas nos modos claro e escuro, no desktop e no celular, teste a janela de produto, os preços e os formulários e peça mudanças.
A tipografia usa Newsreader, Geist e Geist Mono, embutidas no arquivo. A geração de imagens usa a ferramenta de imagem do seu próprio agente e pode ter as cobranças de uso dela.
O que você precisa antes de começar
- Você fornece
- Nome do produto, o que ele faz e para quem, e o seu ponto de vista · De três a seis recursos, planos com limites reais e respostas para o FAQ · Números e citações de clientes que você possa usar, ou permissão para escrever textos provisórios para você confirmar
- 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 céus, estudos em tinta e retratos (opcional; a página tem uma alternativa sem fotos)
- Custos externos
- Céus, estudos em tinta, a foto da história e os retratos são gerados com a ferramenta de imagem do seu próprio agente, que pode cobrar pelo uso. Sem ela, a página usa fundos suaves em estilo pintado e iniciais no lugar das fotos. Ver o exemplo não custa nada.
- Último teste
- v1.0.3 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Avaliações dos usuários
Carregando avaliações…