# Artes de lançamento de app: anuncie em todo lugar ao mesmo tempo

[Canonical HTML page](https://gradiently.design/pt-br/guide/mobile-app-launch-graphics)

O dia do lançamento é o único dia em que o seu app aparece em todo lugar ao mesmo tempo, para pessoas que decidem em um segundo se vão tocar. Aqui estão o kit completo de artes, os tamanhos e a ordem para criá-las.

## The short version

- As artes de lançamento de app funcionam melhor como um kit feito a partir de um único design: posts de lançamento, uma imagem Open Graph, capas de perfil e imagens de galeria.
- A imagem Open Graph que aparece quando o seu link é compartilhado tem 1200×630 pixels, e a capa do X tem 1500×500.
- Posts de lançamento devem dizer o nome do app, o que ele faz em uma frase e onde baixá-lo.
- Atualize a prévia do link, as capas e a página inicial do site antes de publicar qualquer coisa, para que todo link compartilhado no dia do lançamento já apareça certo.
- Um fundo consistente em todas as artes de lançamento ajuda as pessoas a reconhecerem o mesmo app em feeds diferentes.

Boas **artes de lançamento de app** são um só design em muitos formatos: um post de anúncio para cada rede, uma prévia de link de 1200×630 que aparece toda vez que alguém compartilha a sua URL, capas de perfil novas e um pequeno conjunto de imagens de galeria para sites de lançamento como o Product Hunt. Crie tudo junto, a partir de um visual e de uma frase, e o dia do lançamento vira um único evento, não uma correria de capturas de tela desencontradas.

## Comece com uma frase e um visual

Antes de qualquer arte, escreva a frase que diz o que o app faz e para quem, em menos de dez palavras. “Divida o aluguel com os colegas sem aquela conversa chata” funciona. “O futuro das finanças compartilhadas” não, porque ninguém consegue imaginar. Essa frase vai em todas as artes, sem mudar, para que a mensagem se repita enquanto o formato muda. [Escrevendo textos para imagens](https://gradiently.design/pt-br/guide/writing-copy-for-visuals) traz mais sobre como enxugar uma frase.

Depois fixe o visual: as cores do ícone do app viram o fundo, a fonte do app vira o título. Um fundo marcante importa mais do que você imagina, porque as mesmas capturas de tela de interfaces brancas aparecem em todo dia de lançamento. [Artes para o dia do lançamento](https://gradiently.design/pt-br/guide/launch-day-graphics) trata disso para qualquer tipo de produto.

- Da noite ao sinal: `linear-gradient(145deg, #0b1026 0%, #2b2f8f 50%, #6ee7f9 100%)`
- Brasa: `radial-gradient(circle at 70% 30%, #ffd9a8 0%, #ff7a59 40%, #4a1532 100%)`
- Menta profunda: `linear-gradient(200deg, #e8fff4 0%, #7be0b3 45%, #0f5b4a 100%)`

Três fundos de lançamento criados a partir de cores típicas de ícones de app. Escolha o mais próximo do seu ícone e mantenha-o em todo o kit.

## O kit de artes de lançamento de app, com tamanhos

| Arte | Tamanho | O que vai nela |
| --- | --- | --- |
| Prévia de link Open Graph | 1200×630 px | Nome do app, a frase, ícone |
| Capa do X | 1500×500 px | A frase e “Já disponível” |
| Post de lançamento no X ou Bluesky | 1600×900 px | A tela principal ou a frase |
| Post no LinkedIn | 1200×1200 px | A frase, o recado de quem criou |
| Post no Instagram | 1080×1350 px | Ícone, nome, a frase |
| Story | 1080×1920 px | “Já disponível” e onde baixar |
| Página inicial do site | 1920×1080 px | A frase e os botões das lojas |
| Cabeçalho de e-mail | 1200×600 px | O nome e “Já no ar” |

O kit essencial. As capturas de tela da App Store e do Google Play têm tamanhos próprios, listados na ajuda para desenvolvedores da Apple e do Google. O Product Hunt mostra no formulário de envio os requisitos atuais de miniatura e galeria; crie-as na horizontal a partir do mesmo design-mestre.

- Prévia de link: 1200 × 630
- Capa do X: 1500 × 500
- Post do X 16:9: 1600 × 900
- Instagram 4:5: 1080 × 1350
- Story 9:16: 1080 × 1920

De uma capa longa e fina a um story alto, em escala. As palavras precisam ser organizadas de forma diferente em cada um, e por isso esticar uma imagem nunca funciona.

## Por que a imagem de prévia do link é a mais importante

No dia do lançamento, a sua URL é colada em chats, posts, fóruns e newsletters que você nunca vai ver. Cada um deles mostra a sua **imagem Open Graph**, então ela é, silenciosamente, a arte de lançamento mais vista. Faça-a com 1200×630, ponha o nome do app e a frase no meio, mantenha o texto longe das bordas porque alguns apps cortam em quadrado, e teste-a num depurador de compartilhamento antes do lançamento. [Tamanho da imagem Open Graph](https://gradiently.design/pt-br/guide/open-graph-image-size) traz os cortes; [tags Open Graph](https://gradiently.design/pt-br/guide/open-graph-tags) traz a marcação.

```html
<meta property="og:title" content="Rentwise: split rent without the awkward chat" />
<meta property="og:description" content="Now on iPhone and Android." />
<meta property="og:image" content="https://rentwise.app/og/launch.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta name="twitter:card" content="summary_large_image" />
```

As tags que controlam a prévia de um link. Use uma URL https absoluta para a imagem e mude o nome do arquivo quando atualizá-la, para que as plataformas busquem a nova.

## Como desenhar um post de lançamento de app

Um post de lançamento compete com tudo mais no feed, então deve ser legível num relance. Comece pela frase, não pelo logo. Mostre uma tela, não cinco. Diga onde baixar o app. No X e no Bluesky, uma thread funciona bem: a arte primeiro, depois um vídeo curto e depois a história de quem criou.

Post de lançamento horizontal de um app de divisão de aluguel, com a descrição em uma linha em letras grandes

O post do X e do Bluesky em 1600×900: a frase carrega o post.

Story vertical com o texto Já disponível para o app Rentwise sobre o degradê correspondente

O story: duas palavras e para onde ir, sobre o mesmo fundo.

### Evite

- Uma grade de seis capturas de tela de celular
- “Revolucionar” qualquer coisa
- Um esquema de cores novo só para o lançamento
- Texto nas bordas externas da imagem de prévia

### Faça

- Uma tela que mostra o momento principal
- A frase simples do que o app faz
- As cores do próprio ícone, em todo lugar
- Palavras centralizadas, com margens generosas

Gravações de tela curtas combinam bem com apps, porque mostram o momento principal em movimento: o toque, o resultado. Mantenha-as abaixo de vinte segundos, ponha a frase no primeiro quadro e acrescente legendas, já que muita gente rola o feed sem som. [Vídeo de demonstração de produto](https://gradiently.design/pt-br/guide/product-demo-video) trata de ritmo e enquadramento.

## A ordem para criar as artes de lançamento de app

1. **Uma semana antes: o design-mestre** Frase, ícone, fundo e fonte num só quadro horizontal. Todo o resto sai dele.
2. **Uma semana antes: um post de “em breve”** Dê um gostinho da data e de um link para a lista de espera. [Post de em breve](https://gradiently.design/pt-br/guide/coming-soon-post) tem layouts.
3. **Dois dias antes: prévias e capas** Publique cedo a imagem Open Graph, a capa do X e a página inicial do site, para que os links compartilhados no dia pareçam certos.
4. **No dia anterior: todos os posts de lançamento** Exporte todos os tamanhos e escreva antecipadamente as legendas de cada rede.
5. **Dia do lançamento: poste, responda, repita** Passe o dia respondendo às pessoas, não criando artes.
6. **Uma semana depois: um agradecimento** Um post de conquista ou de agradecimento no mesmo visual encerra o lançamento.

A Gradiently se encaixa bem nesse fluxo. Crie o design-mestre uma vez num Mark e, com o Pro, redimensione-o para todos os formatos do kit em um só passo; o Mark mantém a frase legível em cada formato, movendo a sua área mais calma para trás das palavras. Se você já está trabalhando no lançamento no ChatGPT ou no Claude, a Gradiently pode ser conectada aos dois, e assim o assistente consegue rascunhar o kit como designs que abrem no Studio. [Artes de lançamento para indie hackers](https://gradiently.design/pt-br/guide/indie-hacker-launch-graphics) trata do mesmo kit para produtos web.

## FAQ

### Quais artes preciso para lançar um app?

Uma prévia de link de 1200×630, uma capa do X atualizada em 1500×500, posts de lançamento para cada rede que você usa, um story, uma página inicial do site e imagens de galeria para qualquer site de lançamento. Crie todas a partir de um design-mestre.

### Qual é o tamanho de uma imagem de galeria do Product Hunt?

O Product Hunt lista os requisitos atuais de miniatura e galeria no formulário de envio. Crie-as na horizontal a partir do mesmo design-mestre das outras artes de lançamento para manter o visual consistente.

### O que um post de lançamento de app deve dizer?

O nome do app, uma frase sobre o que ele faz e para quem, e onde baixá-lo. Deixe todo o resto para a legenda ou para uma thread.

### Quando devo atualizar a imagem de prévia do meu link?

Um ou dois dias antes do lançamento, com um novo nome de arquivo, e depois teste-a num depurador de compartilhamento. As plataformas guardam as prévias em cache, então uma mudança tardia pode não aparecer no dia do lançamento.