A versão curta
- O marketing de um indie hacker depende de um pequeno conjunto de gráficos: uma imagem Open Graph, um cabeçalho do X, publicações do dia de lançamento e um modelo repetível de build in public.
- A imagem Open Graph tem 1200×630 píxeis e aparece em cada ligação que partilhas, por isso faz-a antes de falares do produto a quem quer que seja.
- Um cabeçalho do X tem 1500×500 píxeis, e a foto de perfil tapa parte do canto inferior esquerdo, por isso mantém as palavras longe dessa zona.
- Um gráfico de lançamento funciona melhor com uma linha que diga o que o produto faz e para quem, em menos de oito palavras.
- Usar o mesmo fundo, o mesmo tipo de letra e a mesma composição em todas as peças faz um produto a solo parecer estabelecido e ajuda os seguidores a reconhecer as tuas novidades.
Nesta página
O bom marketing para indie hackers vive de um punhado de gráficos que fazes uma vez e reutilizas durante meses: uma imagem Open Graph para que cada ligação partilhada pareça acabada, um cabeçalho do X, um anúncio do dia de lançamento e um modelo para as tuas atualizações de build in public. Nenhum precisa de um designer. Precisam dos tamanhos certos, de um visual consistente e de uma linha que diga o que o produto faz em menos de oito palavras. Esta página cobre as três coisas e termina com uma lista de verificação da semana de lançamento que podes percorrer já esta noite.
Os gráficos de lançamento de que um indie hacker realmente precisa
Os fundadores a solo tendem a saltar os gráficos por completo ou a gastar uma semana numa ilustração da página de destino que ninguém repara. O meio-termo útil é curto. Estas são as peças que as pessoas vão mesmo ver, pela ordem em que as vão ver.
Tamanho
Onde as pessoas a veem
Faz-a
Tamanho
Onde as pessoas a veem
Faz-a
Tamanho
Onde as pessoas a veem
Faz-a
Tamanho
Onde as pessoas a veem
Faz-a
Tamanho
Onde as pessoas a veem
Faz-a
Open Graph 1200×630
1200 × 630
Cabeçalho do X 1500×500
1500 × 500
Publicação no X 1600×900
1600 × 900
Vertical 1080×1350
1080 × 1350
Começa pela imagem Open Graph
A imagem Open Graph é a que aparece quando alguém cola a tua ligação. É o gráfico mais visto que alguma vez farás, porque cada partilha, cada resposta com o teu URL e cada menção numa newsletter a leva consigo. Sem ela, as plataformas mostram um cartão cinzento vazio ou um recorte aleatório da tua página. As regras completas estão no tamanho da imagem Open Graph; a versão curta é 1200×630, nome do produto, uma linha, texto grande ao centro.
Uma imagem Open Graph para uma aplicação de faturação imaginária: nome, promessa e mais nada. Continua a ler-se quando encolhida a miniatura numa resposta.
Depois junta as etiquetas ao head da tua página. A maioria das frameworks tem um sítio 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 teu produto tem muitas páginas que valem a pena partilhar, como perfis públicos ou relatórios, gera uma imagem por página em vez de uma para o site todo. A maioria das frameworks consegue renderizá-las a pedido a partir de um modelo.
Escreve as palavras antes de escolheres as cores
Os gráficos de lançamento indie falham muito mais nas palavras do que no aspeto. Uma frase como "o futuro da produtividade" não diz nada a um desconhecido que vai a deslizar o feed. Uma boa linha nomeia a tarefa e a pessoa: o que muda para ela na segunda-feira. Escreve dez versões, lê-as em voz alta e fica com a mais simples. Escrever texto para imagens tem mais maneiras de encurtar uma linha.
Evita
- "O futuro da produtividade"
- "Plataforma com IA para equipas modernas"
- "A versão 1.0 já está no ar" sem qualquer pista do que é
- Seis funcionalidades apertadas numa só imagem
- Uma captura de ecrã inteira onde o texto da interface é ilegível
Faz
- "Faturas que se cobram sozinhas"
- "Alertas de inatividade que te mandam mensagem primeiro"
- "Já disponível" mais a linha que o explica
- Uma funcionalidade por imagem, em sequência
- Um recorte apertado de uma parte da interface, ampliado
Escolhe um visual e mantém-no em todas as peças
Os produtos indie confundem-se uns com os outros porque tantos recorrem ao mesmo gradiente de violeta para azul e à mesma sem serifa geométrica. Isso serve para um projeto de fim de semana e é um problema para algo que queres que as pessoas recordem. Escolhe uma cor de fundo, uma luz ou destaque e um tipo de letra, e usa-os em todo o lado: o site, a imagem OG, o cabeçalho, cada publicação. Um visual repetido durante meses é o que faz um produto de uma só pessoa parecer uma empresa.
Se preferires não misturar as tuas, um Mark do Mercado do Gradiently é um fundo vivo já pronto, com a sua própria voz tipográfica. Podes criar designs com qualquer Mark por reservar, de graça; reservá-lo torna-te o seu único proprietário, por isso só tu podes exportar com ele e o teu lançamento não se parece com o de outro fundador. Reservar é um pagamento único que inclui o primeiro ano de manutenção, depois do qual manter é grátis com o Pro ou custa uma taxa anual por Mark. Renderiza-se de novo em cada tamanho e a sua zona mais calma move-se para trás das tuas palavras, o que mantém legível um fundo cheio sem caixas nem sombras.
Publicações de build in public que se reconhecem a deslizar o feed
Uma atualização semanal é a espinha dorsal de construir em público. Usa a mesma composição todas as semanas, para os seguidores saberem que é tua antes de lerem uma palavra. Abre com um número real ou uma lição real, e publica também as semanas lentas: uma semana parada e honesta ganha mais confiança do que uma série de vitórias. Partilha apenas números que sejam verdadeiros.
Uma semana de marco: o número é o título, o detalhe promete a história no texto da publicação.
Uma semana de entregas na mesma moldura. Mesmo fundo, mesmo texto, para a série se ler como uma só.
Faz um mês destas de uma só vez em vez de uma em cada sexta-feira. A criação de conteúdo para redes sociais em lote explica o método. Dá aos grandes momentos, como o dia de lançamento ou um marco de receita, uma composição própria para se destacarem do ritmo semanal.
O teu cabeçalho do X e o perfil
O cabeçalho do X tem 1500×500. A tua foto de perfil fica sobre o canto inferior esquerdo e a faixa é cortada de forma diferente nos telemóveis, por isso mantém as palavras ao centro e para a direita. Põe lá o nome do produto, a linha única e o URL, ou nada além do teu visual. As zonas seguras exatas estão no tamanho do cabeçalho do X.
Um cabeçalho com uma só função: dizer a quem visita o que estás a construir. As palavras ficam ao centro à direita, longe da foto de perfil.
Uma lista de verificação da semana de lançamento
- 1
Duas semanas antes: imagem OG e cabeçalho
Publica as etiquetas meta e cola o teu URL numa mensagem privada para ti próprio, para veres a pré-visualização real.
- 2
Uma semana antes: as palavras
Escreve a linha única e três linhas de funcionalidades. Cada linha de funcionalidade passa a ser uma imagem própria.
- 3
Cria uma moldura principal
Faz a publicação de lançamento a 1600×900 com o teu visual, a tua linha e um recorte da interface.
- 4
Faz os outros tamanhos a partir dela
Compõe o mesmo design de novo a 1080×1350 para LinkedIn e Threads e a 1080×1920 para stories, em vez de cortar, com as palavras dos stories dentro da zona segura central. Redimensionar para cada plataforma explica porquê.
- 5
Dia de lançamento: uma imagem por publicação
Publica, fixa no teu perfil e responde a toda a gente. Mantém a galeria do Product Hunt no mesmo visual para quem chega de um sítio ou do outro ver um só produto.
- 6
A semana seguinte: agradece às pessoas
Partilha o que aconteceu com números reais e o que vais corrigir a seguir. Essa publicação costuma chegar mais longe do que o lançamento.
Para ver o lançamento em conjunto, vê os gráficos de lançamento de produto e, se vendes software, o branding para SaaS. Se passas a semana de lançamento no teu editor, o Gradiently também funciona dentro do ChatGPT, do Claude e de outros assistentes que suportam servidores MCP remotos: pede a publicação de lançamento ao assistente que já tens aberto e o design abre no Studio para uma última verificação. A configuração está na página MCP.
Perguntas frequentes
Que tamanho deve ter uma imagem Open Graph?
1200×630 píxeis. Mantém as palavras grandes e ao centro, porque a imagem é muitas vezes mostrada como uma pequena miniatura.
Que tamanho tem um cabeçalho do X?
1500×500 píxeis. A foto de perfil sobrepõe-se ao canto inferior esquerdo, por isso mantém o texto ao centro e para a direita.
Preciso de um designer para um lançamento no Product Hunt?
Não. Precisas de uma descrição clara numa linha, de um visual consistente e de algumas imagens horizontais que mostrem cada uma uma funcionalidade, que podes fazer sozinho numa noite.
O que deve incluir uma publicação de build in public?
Um número real ou uma lição real como título, a mesma composição todas as semanas e a história no texto da publicação. Partilha as semanas lentas com tanta honestidade como as boas.
Como mantenho consistentes os gráficos de lançamento?
Escolhe um fundo, um tipo de letra e uma composição, e cria cada tamanho a partir da mesma base em vez de cortar uma única imagem.
Escrito pela Gradiently
A equipa por trás da Gradiently, uma ferramenta de design construída em torno dos Marks: gradientes vivos que fazem tudo o que crias parecer teu.
Ver o nosso perfil