# Gráficos de lançamento de app: anuncia em todo o lado

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

O dia de lançamento é o único dia em que a tua app aparece em todo o lado ao mesmo tempo, a pessoas que decidem num segundo se tocam. Aqui ficam o kit completo de gráficos, os tamanhos e a ordem para os fazer.

## The short version

- Os gráficos de lançamento de app funcionam melhor como um kit feito a partir de um único design: publicações de lançamento, uma imagem Open Graph, cabeçalhos de perfil e imagens de galeria.
- A imagem Open Graph que aparece quando a tua ligação é partilhada tem 1200×630 píxeis, e o cabeçalho de X tem 1500×500.
- As publicações de lançamento devem dizer o nome da app, o que ela faz numa frase e onde a obter.
- Atualiza a pré-visualização da ligação, os cabeçalhos e o topo do site antes de publicares o que quer que seja, para que cada ligação partilhada no dia de lançamento já tenha o aspeto certo.
- Um fundo consistente em todos os gráficos de lançamento ajuda as pessoas a reconhecer a mesma app quando aparece em feeds diferentes.

Bons **gráficos de lançamento de app** são um só design em várias formas: uma publicação de anúncio para cada rede, uma pré-visualização de ligação de 1200×630 que aparece sempre que alguém partilha o teu URL, cabeçalhos de perfil novos e um pequeno conjunto de imagens de galeria para sites de lançamentos como o Product Hunt. Faz tudo junto, a partir de um visual e de uma frase, e o dia de lançamento lê-se como um único acontecimento e não como uma correria de capturas de ecrã desencontradas.

## Começa com uma frase e um visual

Antes de qualquer gráfico, escreve a frase que diz o que a app faz e para quem, em menos de dez palavras. “Divide a renda com os colegas sem conversas chatas” funciona. “O futuro das finanças partilhadas” não, porque ninguém o consegue imaginar. Essa frase vai em todos os gráficos, sem alterações, para que a mensagem se repita enquanto a forma muda. A [escrita de texto para visuais](https://gradiently.design/pt-pt/guide/writing-copy-for-visuals) tem mais sobre como cortar uma frase.

Depois fixa o visual: as cores do ícone da app tornam-se o fundo, a fonte da app torna-se o título. Um fundo distintivo importa mais do que se pensa, porque as mesmas capturas de ecrã de interfaces brancas aparecem em todos os dias de lançamento. Os [gráficos para o dia de lançamento](https://gradiently.design/pt-pt/guide/launch-day-graphics) tratam disto 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 apps. Escolhe o mais próximo do teu ícone e mantém-no em todo o kit.

## O kit de gráficos de lançamento de app, com tamanhos

| Gráfico | Tamanho | O que leva |
| --- | --- | --- |
| Pré-visualização Open Graph | 1200×630 px | Nome da app, a frase, ícone |
| Cabeçalho de X | 1500×500 px | A frase e “Já disponível” |
| Publicação de lançamento em X ou Bluesky | 1600×900 px | Ecrã principal ou a frase |
| Publicação no LinkedIn | 1200×1200 px | A frase, nota de quem a criou |
| Publicação no Instagram | 1080×1350 px | Ícone, nome, a frase |
| Story | 1080×1920 px | “Já disponível” e onde obter |
| Topo do site | 1920×1080 px | A frase e os botões das lojas |
| Cabeçalho de email | 1200×600 px | O nome e “Já disponível” |

O kit essencial. As capturas de ecrã da App Store e do Google Play têm os seus próprios tamanhos obrigatórios, indicados na ajuda para programadores da Apple e da Google. O Product Hunt mostra no formulário de submissão os requisitos atuais de miniatura e galeria; desenha-os em paisagem a partir do mesmo original.

- Pré-visualização de ligação: 1200 × 630
- Cabeçalho de X: 1500 × 500
- Publicação X 16:9: 1600 × 900
- Instagram 4:5: 1080 × 1350
- Story 9:16: 1080 × 1920

De um cabeçalho longo e estreito a um story alto, à escala. As palavras têm de ser organizadas de forma diferente em cada um, e é por isso que esticar uma só imagem nunca funciona.

## Porque é que a imagem de pré-visualização da ligação é a mais importante

No dia de lançamento, o teu URL é colado em conversas, publicações, fóruns e newsletters que nunca vais ver. Todos mostram a tua **imagem Open Graph**, por isso é, discretamente, o gráfico de lançamento mais visto. Faz-a com 1200×630, põe o nome da app e a frase ao centro, mantém o texto afastado dos bordos porque algumas apps cortam para um quadrado, e testa-a num depurador de partilha antes do lançamento. O [tamanho da imagem Open Graph](https://gradiently.design/pt-pt/guide/open-graph-image-size) tem os cortes; as [etiquetas Open Graph](https://gradiently.design/pt-pt/guide/open-graph-tags) têm o código.

```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 etiquetas que controlam a pré-visualização de uma ligação. Usa um URL https absoluto para a imagem e muda o nome do ficheiro quando o atualizares, para que as plataformas vão buscar o novo.

## Como desenhar uma publicação de lançamento de app

Uma publicação de lançamento compete com tudo o resto no feed, por isso deve ler-se num relance. Começa pela frase, não pelo logótipo. Mostra um ecrã, não cinco. Diz onde obter a app. No X e no Bluesky, um fio funciona bem: primeiro o gráfico, depois um vídeo curto e por fim a história de quem a criou.

Uma publicação de lançamento em paisagem para uma app de divisão de rendas, com a descrição numa linha em letras grandes

A publicação de X e Bluesky a 1600×900: a frase carrega a publicação.

Um story vertical com Já disponível para a app Rentwise no gradiente correspondente

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

### Evita

- Uma grelha de seis capturas de ecrã
- “Revolucionar” seja o que for
- Um esquema de cores novo só para o lançamento
- Texto nos bordos exteriores da imagem de pré-visualização

### Faz

- Um ecrã que mostre o momento principal
- A frase simples do que a app faz
- As cores do próprio ícone, em todo o lado
- Palavras ao centro, com margens generosas

As gravações de ecrã curtas assentam bem a apps, porque mostram o momento principal em movimento: o toque, o resultado. Mantém-nas abaixo de vinte segundos, põe a frase no primeiro fotograma e junta legendas, já que muita gente percorre o feed sem som. O [vídeo de demonstração de produto](https://gradiently.design/pt-pt/guide/product-demo-video) trata do ritmo e do enquadramento.

## A ordem para fazer os gráficos de lançamento de app

1. **Uma semana antes: o design original** Frase, ícone, fundo e fonte num só formato em paisagem. Tudo o resto parte dele.
2. **Uma semana antes: uma publicação de em breve** Anuncia a data e uma ligação para a lista de espera. A [publicação de em breve](https://gradiently.design/pt-pt/guide/coming-soon-post) tem layouts.
3. **Dois dias antes: pré-visualizações e cabeçalhos** Publica cedo a imagem Open Graph, o cabeçalho de X e o topo do site, para que as ligações partilhadas no dia tenham o aspeto certo.
4. **Na véspera: todas as publicações de lançamento** Exporta todos os tamanhos e escreve antecipadamente as legendas de cada rede.
5. **Dia de lançamento: publicar, responder, repetir** Passa o dia a responder às pessoas, não a fazer gráficos.
6. **Uma semana depois: um agradecimento** Uma publicação de marco ou de agradecimento no mesmo visual fecha o lançamento.

O Gradiently encaixa bem neste fluxo. Desenha o design original uma vez num Mark e, com o Pro, redimensiona-o para todos os formatos do kit num só passo; o Mark mantém a frase legível em cada forma, movendo a sua zona mais calma para trás das palavras. Se já estás a trabalhar no lançamento no ChatGPT ou no Claude, o Gradiently pode ser ligado a ambos, para que o assistente esboce o kit como designs que abrem no Studio. Os [gráficos de lançamento para indie hackers](https://gradiently.design/pt-pt/guide/indie-hacker-launch-graphics) tratam do mesmo kit para produtos web.

## FAQ

### Que gráficos preciso para lançar uma app?

Uma pré-visualização de ligação de 1200×630, um cabeçalho de X atualizado de 1500×500, publicações de lançamento para cada rede que uses, um story, o topo do site e imagens de galeria para qualquer site de lançamentos. Faz todos a partir de um design original.

### Que tamanho tem uma imagem de galeria do Product Hunt?

O Product Hunt indica os requisitos atuais de miniatura e galeria no formulário de submissão. Desenha-as em paisagem a partir do mesmo original dos outros gráficos de lançamento, para manter o visual consistente.

### O que deve dizer uma publicação de lançamento de app?

O nome da app, uma frase sobre o que faz e para quem, e onde a obter. Guarda tudo o resto para a legenda ou para um fio.

### Quando devo atualizar a imagem de pré-visualização da ligação?

Um ou dois dias antes do lançamento, com um novo nome de ficheiro, e depois testa-a num depurador de partilha. As plataformas guardam as pré-visualizações em cache, por isso uma alteração tardia pode não aparecer no dia de lançamento.