# Marketing para indie hackers: artes de lançamento sem designer [Canonical HTML page](https://gradiently.design/pt-br/guide/indie-hacker-launch-graphics) Você construiu o produto sozinho. As artes que o vendem são um trabalho bem menor do que parecem: cinco peças, um visual e palavras que dizem o que a coisa faz. ## The short version - 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. 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. | Peça | Tamanho | Onde as pessoas veem | Quando fazer | | --- | --- | --- | --- | | Imagem Open Graph | 1200×630 | Todo link que você compartilha no X, LinkedIn, Slack, Discord e em mensagens | Antes de contar a alguém | | Capa do X | 1500×500 | O seu perfil, que as pessoas abrem depois de uma boa resposta | Duas semanas antes | | Post do X ou Bluesky | 1600×900 | O post de lançamento e os posts de marcos | Semana do lançamento | | Post retrato do LinkedIn | 1080×1350 | O post de lançamento para um público profissional | Semana do lançamento | | Card de build in public | 1080×1350 | Atualizações semanais no X, Threads e LinkedIn | Uma vez, depois toda semana | Cinco peças cobrem quase todo lançamento indie. O Product Hunt informa o tamanho da galeria no formulário de lançamento, então confira lá e reaproveite os seus quadros horizontais. - 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 Os quatro formatos desenhados em escala. A capa é uma faixa fina, e um post retrato ocupa muito mais da tela do celular que um horizontal. ## 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](https://gradiently.design/pt-br/guide/open-graph-image-size); a versão curta é 1200×630, nome do produto, uma frase, letras grandes no meio. Uma imagem de prévia de link de 1200 por 630 que diz Faturas que se cobram sozinhas, com o nome do produto Paperweight acima 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: ```html ``` Use uma URL absoluta para a imagem. Coloque uma versão no nome do arquivo, porque as plataformas guardam as prévias em cache e um nome novo força uma atualização. 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](https://gradiently.design/pt-br/guide/writing-copy-for-visuals) 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. - Fundo escuro, luz verde-azulada: `radial-gradient(circle at 80% 20%, #14b8a6 0%, #134e4a 35%, #05100f 75%)` - Papel quente: `linear-gradient(160deg, #f8f4ec 0%, #efe6d6 60%, #e2d3bb 100%)` - Fundo escuro, luz de brasa: `radial-gradient(circle at 20% 80%, #f97316 0%, #7c2d12 40%, #1c0a05 80%)` Três pontos de partida que fogem do violeta de sempre. Um fundo escuro com uma cor acesa combina com ferramentas para desenvolvedores; o papel quente combina com produtos de escrita e finanças. Se você prefere não misturar o seu, um Mark do [Mercado do Gradiently](/market) é 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. Um card retrato de build in public que diz Semana 14, Primeiros 100 usuários, com uma frase prometendo o que funcionou e o que não Uma semana de marco: o número é o título, e o detalhe promete a história no texto do post. Um card retrato de build in public que diz Semana 15, Três coisas que lancei, listando modo escuro, importação de CSV e busca mais rápida 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](https://gradiently.design/pt-br/guide/batch-create-social-media-content) 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](https://gradiently.design/pt-br/guide/x-header-size). Uma capa larga do X que diz Construindo o Paperweight em público, com um endereço web embaixo, posicionada à direita do centro 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](https://gradiently.design/pt-br/guide/social-media-safe-zones) central. [Redimensionar para cada plataforma](https://gradiently.design/pt-br/guide/one-look-every-size) 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](https://gradiently.design/pt-br/guide/launch-day-graphics) e, se você vende software, [branding para SaaS](https://gradiently.design/pt-br/guide/saas-startup-branding). 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](https://gradiently.design/pt-br/developers/mcp). > **Teste toda prévia antes de postar** As plataformas guardam prévias de link em cache por dias. Confira a sua numa mensagem privada primeiro e, se mudar a imagem depois, mude também o nome do arquivo. ## FAQ ### 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.