# Imagens para lançamento de produto: a lista do dia do lançamento [Canonical HTML page](https://gradiently.design/pt-pt/guide/launch-day-graphics) Os lançamentos correm mal nos sítios pequenos: um cabeçalho antigo, uma pré-visualização de ligação em falta, uma story que ninguém redimensionou. Aqui tens todas as peças, o tamanho de cada uma e quando entra no ar. ## The short version - Um lançamento de produto precisa de imagens em dois grupos: a preparação, com teasers e contagens decrescentes, e o lançamento em si, das publicações de anúncio aos cabeçalhos, pré-visualizações de ligação e email. - Desenhar primeiro um visual principal e voltar a compô-lo para cada formato mantém o lançamento coerente e poupa a maior parte do trabalho. - A imagem Open Graph da página de lançamento deve estar pronta antes do lançamento, porque é ela que aparece sempre que alguém partilha a ligação. - Os cabeçalhos de perfil no X, no LinkedIn e no Facebook esquecem-se com facilidade e devem mudar no dia do lançamento com tudo o resto. - Todas as imagens do lançamento devem usar o mesmo título, para que quem as vê em sítios diferentes reconheça a mesma notícia. As **imagens para lançamento de produto** de que precisas dividem-se em dois grupos. A preparação: um teaser e uma contagem decrescente. O lançamento: o anúncio em todos os formatos de feed, stories, uma imagem de pré-visualização de ligação, novos cabeçalhos de perfil, um cabeçalho de email, um hero para o site e um agradecimento depois. Desenha primeiro um visual principal e depois volta a compô-lo para cada tamanho, para que todas as peças pareçam parte do mesmo momento. ## A lista completa de imagens de lançamento Copia esta lista para o teu plano de lançamento. Os tamanhos são os recomendados por cada plataforma para carregar; a referência completa está em [tamanhos de imagem para redes sociais](https://gradiently.design/pt-pt/guide/social-media-image-sizes). | Peça | Tamanho | Quando | Notas | | --- | --- | --- | --- | | Publicação teaser | 1080×1350 | Cerca de uma semana antes | Uma pista, não a revelação | | Story de contagem decrescente | 1080×1920 | Todos os dias, nos últimos dias | A mesma composição, muda o número | | Anúncio no Instagram | 1080×1350 | Dia do lançamento | O visual principal | | Stories de lançamento | 1080×1920 | Dia do lançamento | Com um autocolante de ligação | | Anúncio no X | 1600×900 | Dia do lançamento | Aparece inteiro na cronologia | | Publicação no LinkedIn | 1200×1200 | Dia do lançamento | Ou um carrossel em documento | | Publicação no Facebook | 1200×1200 | Dia do lançamento | As mesmas palavras de todo o lado | | Pré-visualização de ligação (Open Graph) | 1200×630 | Pronta antes do lançamento | Testa-a antes do dia | | Cabeçalho do X | 1500×500 | Dia do lançamento | A foto de perfil tapa o canto inferior esquerdo | | Banner do LinkedIn | 1584×396 | Dia do lançamento | A capa de empresa tem 2256×382 | | Capa do Facebook | 1640×624 | Dia do lançamento | Palavras no meio | | Cabeçalho de email | 1200×600 | Dia do lançamento | Verifica o modo escuro | | Hero do site | 1920×1080 | Dia do lançamento | Título numa zona calma | | Miniatura de vídeo | 1280×720 | Se houver uma demonstração | Três ou quatro palavras | | Agradecimento ou balanço | 1080×1350 | Alguns dias depois | Só números reais | Todas as peças de um lançamento, o tamanho de cada uma e quando entra no ar. Risca o que não precisares; a maioria dos lançamentos precisa de quase tudo. - Publicação 1080×1350: 1080 × 1350 - Story 1080×1920: 1080 × 1920 - Publicação no X 1600×900: 1600 × 900 - Pré-visualização 1200×630: 1200 × 630 - Cabeçalho do X 1500×500: 1500 × 500 - Banner do LinkedIn 1584×396: 1584 × 396 - Cabeçalho de email 1200×600: 1200 × 600 - Hero do site 1920×1080: 1920 × 1080 Oito formatos da lista, à escala. Um lançamento, de stories altas a banners finos, e é por isso que uma imagem recortada de oito maneiras nunca funciona. ## Começa por um visual principal e depois faz o conjunto Não desenhes quinze peças. Desenha uma, o anúncio do Instagram ou o hero do site, até ficar certa: o fundo, o título, a letra, a única cor de acento. Esse é o visual do lançamento. Todas as outras peças são o mesmo visual disposto para outro formato. Os formatos altos empilham; os largos espalham; os banners finos ficam só com o título. - Noite de lançamento: #0b0d1a - Índigo profundo: #1f2a5c - Azul sinal: #4f6bed - Brilho suave: #9bb4ff - Ouro de acento: #ffcf5c - Tinta de papel: #f5f3ee Uma paleta de lançamento: uma base escura, três azuis ligados, um acento dourado reservado para a data ou para a chamada à ação, e um branco quebrado para a letra. Escreve o visual: cores, fontes, o título, onde entra o acento. Se houver várias pessoas a fazer peças, é esta nota que mantém o cabeçalho que alguém faz à meia-noite alinhado com a publicação que fizeste há uma semana. ## O calendário do lançamento 1. **Duas semanas antes: o visual principal** Desenha o anúncio principal e fecha o título. Faz já a imagem de pré-visualização de ligação, para que a página de lançamento a mostre desde a primeira partilha. [Tamanho da imagem OG](https://gradiently.design/pt-pt/guide/open-graph-image-size) tem as etiquetas e os testes. 2. **Uma semana antes: o teaser** Uma publicação e uma story que dão a entender o que aí vem, no visual do lançamento, sem a revelação. 3. **Os últimos dias: a contagem decrescente** Uma story diária com o número a mudar e um autocolante de contagem decrescente, para que as pessoas possam pedir um lembrete. 4. **A véspera: faz o conjunto completo** Compõe o visual principal para todos os formatos da lista. Agenda o que puder ser agendado. 5. **Manhã do lançamento: entra no ar em todo o lado** Publica as publicações e as stories, troca todos os cabeçalhos de perfil, envia o email, atualiza o hero do site. 6. **Alguns dias depois: agradece** Um balanço no mesmo visual, com resultados reais se quiseres partilhar algum, a fechar a história. Uma publicação teaser com a frase Uma novidade, na terça, sobre um fundo em gradiente O teaser: o visual do lançamento e uma data, nada mais. Um anúncio de lançamento a apresentar uma aplicação de listas de tarefas partilhadas no mesmo estilo do teaser O anúncio: o mesmo visual, agora com a revelação. ## Um só título em todas as imagens As pessoas encontram um lançamento em muitos sítios: uma story de manhã, uma publicação no LinkedIn ao almoço, um email à noite. Devem reconhecer a mesma notícia de cada vez. Isso significa um só título, palavra por palavra, em todas as imagens, com o pormenor a mudar consoante o formato. Para a ordem das palavras, vê [como desenhar uma publicação de anúncio](https://gradiently.design/pt-pt/guide/announcement-post-design). ### Evita - Um slogan diferente em cada plataforma - Uma imagem recortada para todos os formatos - Cores novas inventadas para o lançamento - Cabeçalhos ainda com a estação passada ### Faz - Um título, repetido em todo o lado - Cada formato composto para a sua forma - O teu visual de sempre, um tom acima - Todos os cabeçalhos trocados nessa manhã ## O que as pessoas esquecem no dia do lançamento - **A pré-visualização de ligação.** As plataformas guardam-na em cache; se partilhaste a página antes de a imagem estar pronta, atualiza-a no inspetor da plataforma. - **Os cabeçalhos de perfil.** O cabeçalho do X, o banner do LinkedIn e a capa do Facebook ainda mostram o visual antigo. Vê [tamanho do banner do LinkedIn](https://gradiently.design/pt-pt/guide/linkedin-banner-size) e [tamanho do cabeçalho do Twitter](https://gradiently.design/pt-pt/guide/x-header-size). - **O cabeçalho de email em modo escuro.** Testa-o; [design de cabeçalhos de email](https://gradiently.design/pt-pt/guide/email-header-design) explica o que muda. - **As descrições das imagens.** Junta texto alternativo a todas as imagens do lançamento, em todas as plataformas. - **A ligação no teu perfil.** Aponta-a para a página de lançamento antes de sair a primeira publicação. > **Faz o conjunto de uma vez** Compor um design quinze vezes é a parte lenta de um lançamento. Na Gradiently, **copiar para tamanhos** volta a compor um design terminado para cada formato que escolheres, com o fundo desenhado de novo para cada forma. [Um visual, todos os tamanhos](https://gradiently.design/pt-pt/guide/one-look-every-size) explica como funciona. ## FAQ ### De que imagens preciso para um lançamento de produto? Um teaser, uma contagem decrescente, o anúncio para o feed de cada plataforma, stories de lançamento, uma imagem de pré-visualização de ligação, cabeçalhos de perfil atualizados, um cabeçalho de email, um hero para o site e uma publicação de agradecimento depois. ### Quando devem estar prontas as imagens de lançamento? Faz o visual principal e a pré-visualização de ligação cerca de duas semanas antes, o teaser uma semana antes e o conjunto completo na véspera, para que a manhã do lançamento seja só publicar. ### Como mantenho as imagens de lançamento coerentes? Desenha um visual principal, escreve as suas cores, fontes e título, e compõe esse mesmo design para cada formato em vez de desenhares cada um do zero. ### Que tamanho tem a imagem de pré-visualização de ligação de uma página de lançamento? 1200×630 píxeis, definida com a etiqueta og:image. Testa-a antes do dia do lançamento, porque as plataformas guardam-na em cache.