Resumindo
- O marketing de um indie hacker depende de um pequeno conjunto de artes: uma imagem Open Graph, uma capa do X, posts do dia do lançamento e um template repetível de build in public.
- A imagem Open Graph tem 1200×630 pixels e aparece em todo link que você compartilha, então faça-a antes de contar a alguém sobre o produto.
- A capa do X tem 1500×500 pixels, e a foto de perfil cobre parte do canto inferior esquerdo, então mantenha as palavras longe dessa área.
- Uma arte de lançamento funciona melhor com uma frase que diz o que o produto faz e para quem, em menos de oito palavras.
- Usar o mesmo fundo, a mesma fonte e o mesmo layout em todas as peças faz um produto solo parecer estabelecido e ajuda os seguidores a reconhecer suas atualizações.
Nesta página
Um bom marketing para indie hackers roda com um punhado de artes que você faz uma vez e reutiliza por meses: uma imagem Open Graph para que todo link compartilhado pareça acabado, uma capa do X, um anúncio para o dia do lançamento e um template para as suas atualizações de build in public. Nenhuma delas precisa de designer. Elas precisam dos tamanhos certos, de um visual consistente e de uma frase que diga o que o produto faz em menos de oito palavras. Esta página cobre os três pontos e termina com um checklist da semana de lançamento que você pode seguir hoje à noite.
As artes de lançamento de que um indie hacker realmente precisa
Fundadores solo costumam pular as artes por completo ou passar uma semana numa ilustração de landing page que ninguém nota. O meio-termo útil é curto. Estas são as peças que as pessoas vão realmente ver, na ordem em que vão vê-las.
Tamanho
Onde as pessoas veem
Quando fazer
Tamanho
Onde as pessoas veem
Quando fazer
Tamanho
Onde as pessoas veem
Quando fazer
Tamanho
Onde as pessoas veem
Quando fazer
Tamanho
Onde as pessoas veem
Quando fazer
Open Graph 1200×630
1200 × 630
Capa do X 1500×500
1500 × 500
Post do X 1600×900
1600 × 900
Retrato 1080×1350
1080 × 1350
Comece pela imagem Open Graph
A imagem Open Graph é a figura que aparece quando alguém cola o seu link. É a arte mais vista que você vai fazer, porque todo compartilhamento, toda resposta com a sua URL e toda menção em newsletter a carrega. Sem ela, as plataformas mostram um card cinza vazio ou um recorte aleatório da sua página. As regras completas estão em tamanho da imagem Open Graph; a versão curta é 1200×630, nome do produto, uma frase, letras grandes no meio.
Uma imagem Open Graph para um app de faturas imaginário: nome, promessa e mais nada. Continua legível quando encolhe para miniatura numa resposta.
Depois, acrescente as tags ao head da sua página. A maioria dos frameworks tem um lugar para elas, mas estas são as que importam:
<meta property="og:title" content="Paperweight: invoices that chase themselves">
<meta property="og:description" content="Automatic payment reminders for freelancers.">
<meta property="og:image" content="https://example.com/og-v1.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta name="twitter:card" content="summary_large_image">Se o seu produto tem muitas páginas que vale compartilhar, como perfis públicos ou relatórios, gere uma imagem por página em vez de uma para o site todo. A maioria dos frameworks consegue renderizá-las sob demanda a partir de um template.
Escreva as palavras antes de escolher as cores
Artes de lançamento indie falham muito mais pelas palavras do que pelo visual. Uma frase como “o futuro da produtividade” não diz nada a um desconhecido rolando o feed. Uma frase útil nomeia a tarefa e a pessoa: o que muda para ela na segunda-feira. Escreva dez versões, leia em voz alta e fique com a mais simples. Como escrever textos para visuais traz mais jeitos de enxugar uma frase.
Evite
- “O futuro da produtividade”
- “Plataforma com IA para equipes modernas”
- “A versão 1.0 está no ar” sem nenhuma pista do que é
- Seis recursos espremidos numa imagem
- Uma captura de tela inteira em que o texto da interface é ilegível
Faça
- “Faturas que se cobram sozinhas”
- “Alertas de queda que te avisam por SMS primeiro”
- “No ar hoje” mais a frase que explica
- Um recurso por imagem, em sequência
- Um recorte fechado de uma parte da interface, ampliado
Escolha um visual e mantenha em todas as peças
Produtos indie se confundem porque tantos recorrem ao mesmo gradiente de violeta para azul e à mesma sem serifa geométrica. Tudo bem para um projeto de fim de semana, e um problema para algo que você quer que as pessoas lembrem. Escolha uma cor de fundo, uma luz ou cor de destaque e uma fonte, e use em todo lugar: no site, na imagem OG, na capa, em cada post. Um visual repetido por meses é o que faz um produto de uma pessoa só parecer uma empresa.
Se você prefere não misturar o seu, um Mark do Mercado do Gradiently é um fundo vivo pronto, com a própria voz tipográfica. Você pode criar com qualquer Mark não reservado de graça; reservá-lo faz de você o único dono, então só você pode exportar com ele e o seu lançamento não vai ficar igual ao de outro fundador. Reservar é um pagamento único que inclui o primeiro ano de manutenção; depois disso, manter é grátis com o Pro ou custa uma taxa anual por Mark. Ele é renderizado do zero em qualquer tamanho e a área mais calma dele se move para trás das suas palavras, o que mantém legível um fundo agitado sem caixas nem sombras.
Posts de build in public reconhecíveis no meio do feed
Uma atualização semanal é a espinha dorsal do build in public. Use o mesmo layout toda semana, para que os seguidores saibam que é seu antes de ler uma palavra. Abra com um número real ou uma lição real, e poste também as semanas fracas: uma semana parada contada com honestidade gera mais confiança que uma sequência de vitórias. Só compartilhe números verdadeiros.
Uma semana de marco: o número é o título, e o detalhe promete a história no texto do post.
Uma semana de entregas no mesmo quadro. Mesmo fundo, mesma tipografia, então a série se lê como uma só.
Faça um mês desses cards de uma vez, em vez de um a cada sexta-feira. Criar conteúdo para redes sociais em lote explica o método. Dê aos grandes momentos, como o dia do lançamento ou um marco de faturamento, um layout próprio para que se destaquem do ritmo semanal.
A sua capa e o seu perfil no X
A capa do X tem 1500×500. A sua foto de perfil fica sobre o canto inferior esquerdo e a faixa é cortada de outro jeito no celular, então mantenha as palavras no centro e mais para a direita. Coloque ali o nome do produto, a frase e a URL, ou só o seu visual. As áreas seguras exatas estão em tamanho da capa do X.
Uma capa que cumpre uma função: diz ao visitante o que você está construindo. As palavras ficam no centro-direita, longe da foto de perfil.
Checklist da semana de lançamento
- 1
Duas semanas antes: imagem OG e capa
Publique as meta tags e cole a sua URL numa mensagem privada para você mesmo para ver a prévia real.
- 2
Uma semana antes: as palavras
Escreva a frase principal e três frases de recursos. Cada frase de recurso vira uma imagem própria.
- 3
Crie um quadro mestre
Faça o post de lançamento em 1600×900 com o seu visual, a sua frase e um recorte da interface.
- 4
Faça os outros tamanhos a partir dele
Diagrame o mesmo design de novo em 1080×1350 para LinkedIn e Threads e em 1080×1920 para stories, em vez de recortar, com as palavras do story dentro da zona segura central. Redimensionar para cada plataforma explica por quê.
- 5
Dia do lançamento: uma imagem por post
Poste, fixe no seu perfil e responda a todo mundo. Mantenha a galeria do Product Hunt no mesmo visual para que quem chega de qualquer um dos lugares veja um só produto.
- 6
Na semana seguinte: agradeça
Conte o que aconteceu com números reais e o que você vai corrigir a seguir. Esse post muitas vezes vai mais longe que o lançamento.
Para a visão mais ampla de um lançamento, veja artes para lançamento de produto e, se você vende software, branding para SaaS. Se você passa a semana de lançamento no editor de código, o Gradiently também funciona dentro do ChatGPT, do Claude e de outros assistentes compatíveis com servidores MCP remotos: peça o post de lançamento ao assistente que você já tem aberto, e o design abre no Studio para uma conferência final. A configuração está na página do MCP.
Perguntas frequentes
Qual deve ser o tamanho de uma imagem Open Graph?
1200×630 pixels. Mantenha as palavras grandes e centralizadas, porque a imagem muitas vezes aparece como uma miniatura pequena.
Qual é o tamanho da capa do X?
1500×500 pixels. A foto de perfil se sobrepõe ao canto inferior esquerdo, então mantenha o texto no centro e mais para a direita.
Preciso de um designer para lançar no Product Hunt?
Não. Você precisa de uma descrição clara de uma frase, de um visual consistente e de algumas imagens horizontais que mostrem um recurso cada, o que dá para fazer sozinho numa noite.
O que um post de build in public deve ter?
Um número real ou uma lição real como título, o mesmo layout toda semana e a história no texto do post. Compartilhe as semanas fracas com a mesma honestidade das boas.
Como manter as artes de lançamento consistentes?
Escolha um fundo, uma fonte e um layout, e crie cada tamanho a partir do mesmo mestre em vez de recortar uma única imagem.
Escrito pelo Gradiently
A equipe por trás do Gradiently, uma ferramenta de design criada em torno dos Marks: gradientes vivos que fazem tudo o que você cria ter a sua cara.
Ver nosso perfil