# Artes para lançamento de produto: o checklist do dia do lançamento [Canonical HTML page](https://gradiently.design/pt-br/guide/launch-day-graphics) Os lançamentos dão errado nos detalhes: uma capa antiga, uma prévia de link que falta, um story que ninguém redimensionou. Aqui está cada peça, o tamanho dela e quando ela entra no ar. ## The short version - Um lançamento de produto precisa de artes em dois grupos: a preparação, como teasers e contagens regressivas, e o lançamento em si, de posts de anúncio a capas, prévias de link e e-mail. - Criar primeiro um visual principal e diagramá-lo de novo para cada formato mantém o lançamento consistente 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 compartilha o link. - As capas de perfil no X, no LinkedIn e no Facebook são fáceis de esquecer e devem mudar no dia do lançamento junto com todo o resto. - Toda arte de lançamento deve usar o mesmo título, para que quem a vê em lugares diferentes reconheça a mesma notícia. As **artes para lançamento de produto** de que você precisa se dividem em dois grupos. A preparação: um teaser e uma contagem regressiva. O lançamento: o anúncio em todos os formatos de feed, stories, uma imagem de prévia de link, novas capas de perfil, um cabeçalho de e-mail, um destaque de site e um agradecimento depois. Crie primeiro um visual principal e depois diagrame-o de novo para cada tamanho, para que cada peça pareça parte do mesmo momento. ## O checklist completo de artes de lançamento Copie esta lista para o seu plano de lançamento. Os tamanhos vêm do tamanho de envio recomendado por cada plataforma; a referência completa está nos [tamanhos de imagem para redes sociais](https://gradiently.design/pt-br/guide/social-media-image-sizes). | Peça | Tamanho | Quando | Observações | | --- | --- | --- | --- | | Post de teaser | 1080×1350 | Cerca de uma semana antes | Uma pista, não a revelação | | Story de contagem regressiva | 1080×1920 | Diariamente, nos últimos dias | Mesmo layout, o número muda | | Anúncio no Instagram | 1080×1350 | Dia do lançamento | O visual principal | | Stories de lançamento | 1080×1920 | Dia do lançamento | Com figurinha de link | | Anúncio no X | 1600×900 | Dia do lançamento | Aparece inteiro na timeline | | Post no LinkedIn | 1200×1200 | Dia do lançamento | Ou um carrossel de documento | | Post no Facebook | 1200×1200 | Dia do lançamento | As mesmas palavras de todo lugar | | Prévia de link (Open Graph) | 1200×630 | Pronta antes do lançamento | Teste antes do dia | | Capa do X | 1500×500 | Dia do lançamento | A foto de perfil sobrepõe 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 e-mail | 1200×600 | Dia do lançamento | Confira o modo escuro | | Destaque do site | 1920×1080 | Dia do lançamento | Título sobre uma área calma | | Miniatura de vídeo | 1280×720 | Se houver uma demonstração | Três ou quatro palavras | | Agradecimento ou resumo | 1080×1350 | Alguns dias depois | Só números reais | Cada peça de lançamento, o tamanho dela e quando ela entra no ar. Risque o que você não precisa; a maioria dos lançamentos precisa de quase tudo. - Post 1080×1350: 1080 × 1350 - Story 1080×1920: 1080 × 1920 - Post no X 1600×900: 1600 × 900 - Prévia de link 1200×630: 1200 × 630 - Capa do X 1500×500: 1500 × 500 - Banner do LinkedIn 1584×396: 1584 × 396 - Cabeçalho de e-mail 1200×600: 1200 × 600 - Destaque do site 1920×1080: 1920 × 1080 Oito formatos da lista, em escala. Um lançamento, de stories altos a banners finos, e é por isso que uma imagem cortada de oito jeitos nunca funciona. ## Comece com um visual principal e depois faça o conjunto Não crie quinze peças. Crie uma, o anúncio do Instagram ou o destaque do site, até ficar certa: o fundo, o título, a tipografia, a única cor de destaque. Esse é o visual do lançamento. Todas as outras peças são o mesmo visual organizado para outro formato. Formatos altos empilham; formatos largos se espalham; banners finos mantêm só o título. - Noite de lançamento: #0b0d1a - Índigo profundo: #1f2a5c - Azul sinal: #4f6bed - Brilho suave: #9bb4ff - Dourado de destaque: #ffcf5c - Tinta papel: #f5f3ee Uma paleta de lançamento: um fundo escuro, três azuis ligados entre si, um destaque dourado reservado para a data ou para a chamada para ação e um quase branco para o texto. Registre o visual: cores, fontes, o título, onde vai o destaque. Se várias pessoas estão fazendo peças, essa anotação é o que mantém a capa que alguém faz à meia-noite alinhada com o post que você fez uma semana antes. ## O cronograma do lançamento 1. **Duas semanas antes: o visual principal** Crie o anúncio principal e feche o título. Faça agora a imagem de prévia de link, para que a página de lançamento a mostre desde o primeiro compartilhamento. O guia de [tamanho da imagem OG](https://gradiently.design/pt-br/guide/open-graph-image-size) tem as tags e os testes. 2. **Uma semana antes: o teaser** Um post e um story que dão uma pista do que vem, no visual do lançamento, sem a revelação. 3. **Os últimos dias: a contagem regressiva** Um story diário com o número mudando e uma figurinha de contagem regressiva para que as pessoas possam pedir um lembrete. 4. **O dia anterior: faça o conjunto inteiro** Diagrame o visual principal para cada formato da lista. Agende o que puder ser agendado. 5. **Manhã do lançamento: no ar em todo lugar** Publique os posts e os stories, troque todas as capas de perfil, envie o e-mail, atualize o destaque do site. 6. **Alguns dias depois: agradeça** Um resumo no mesmo visual, com resultados reais se você quiser compartilhar algum, fechando a história. Um post de teaser com a frase 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 apresentando um app de lista de tarefas compartilhada no mesmo estilo do teaser O anúncio: o mesmo visual, agora com a revelação. ## Um título em todas as artes As pessoas encontram um lançamento em vários lugares: um story de manhã, um post no LinkedIn no almoço, um e-mail à noite. Elas devem reconhecer a mesma notícia a cada vez. Isso significa um título, palavra por palavra, em todas as artes, com os detalhes mudando conforme o formato. Para a ordem das palavras, veja [como criar um post de anúncio](https://gradiently.design/pt-br/guide/announcement-post-design). ### Evite - Um slogan diferente em cada plataforma - Uma imagem cortada para todos os formatos - Cores novas inventadas para o lançamento - Capas ainda mostrando a temporada passada ### Faça - Um título, repetido em todo lugar - Cada formato diagramado para o seu formato - O seu visual de sempre, um tom acima - Todas as capas trocadas logo cedo ## O que as pessoas esquecem no dia do lançamento - **A prévia do link.** As plataformas guardam em cache; se você compartilhou a página antes de a imagem ficar pronta, atualize-a no inspetor da plataforma. - **As capas de perfil.** A capa do X, o banner do LinkedIn e a capa do Facebook ainda mostram o visual antigo. Veja o [tamanho do banner do LinkedIn](https://gradiently.design/pt-br/guide/linkedin-banner-size) e o [tamanho da capa do Twitter](https://gradiently.design/pt-br/guide/x-header-size). - **O cabeçalho do e-mail no modo escuro.** Teste; o guia de [design de cabeçalho de e-mail](https://gradiently.design/pt-br/guide/email-header-design) mostra o que muda. - **As descrições das imagens.** Coloque texto alternativo em toda imagem do lançamento, em todas as plataformas. - **O link do seu perfil.** Aponte-o para a página de lançamento antes de o primeiro post sair. > **Faça o conjunto de uma vez** Diagramar um design quinze vezes é a parte lenta de um lançamento. No Gradiently, o **copiar para tamanhos** diagrama de novo um design pronto para cada formato que você escolher, com o fundo renderizado do zero para cada formato. O guia [um visual, todos os tamanhos](https://gradiently.design/pt-br/guide/one-look-every-size) explica como funciona. ## FAQ ### De que artes preciso para um lançamento de produto? Um teaser, uma contagem regressiva, o anúncio para o feed de cada plataforma, stories de lançamento, uma imagem de prévia de link, capas de perfil atualizadas, um cabeçalho de e-mail, um destaque de site e um post de agradecimento depois. ### Quando as artes de lançamento devem estar prontas? Faça o visual principal e a prévia de link cerca de duas semanas antes, o teaser uma semana antes e o conjunto completo no dia anterior, para que a manhã do lançamento seja só publicar. ### Como mantenho as artes de lançamento consistentes? Crie um visual principal, registre as cores, as fontes e o título dele e diagrame esse mesmo design para cada formato, em vez de criar cada um do zero. ### Qual é o tamanho da imagem de prévia de link para uma página de lançamento? 1200×630 pixels, definida com a tag og:image. Teste antes do dia do lançamento, porque as plataformas a guardam em cache.