The short version
- A product launch needs graphics in two groups: the build-up, such as teasers and countdowns, and the launch itself, from announcement posts to headers, link previews and email.
- Designing one key visual first and laying it out again for every format keeps a launch consistent and saves most of the work.
- The Open Graph image for the launch page should be finished before launch, because it is what appears whenever anyone shares the link.
- Profile headers on X, LinkedIn and Facebook are easy to forget and should change on launch day with everything else.
- Every launch graphic should use the same headline, so people who see it in different places recognise the same news.
On this page
The product launch graphics you need fall into two groups. The build-up: a teaser and a countdown. The launch: the announcement in every feed format, stories, a link preview image, new profile headers, an email header, a website hero and a thank-you afterwards. Design one key visual first, then lay it out again for each size, so every asset looks like part of the same moment.
The complete launch graphics checklist
Copy this list into your launch plan. Sizes come from each platform's recommended upload size; the full reference is in social media image sizes.
| Asset | Size | When | Notes |
|---|---|---|---|
| Teaser post | 1080×1350 | About a week before | A hint, not the reveal |
| Countdown story | 1080×1920 | Daily, final days | Same layout, number changes |
| Instagram announcement | 1080×1350 | Launch day | The key visual |
| Launch stories | 1080×1920 | Launch day | With a link sticker |
| X announcement | 1600×900 | Launch day | Shown whole in the timeline |
| LinkedIn post | 1200×1200 | Launch day | Or a document carousel |
| Facebook post | 1200×1200 | Launch day | Same words as everywhere |
| Link preview (Open Graph) | 1200×630 | Ready before launch | Test it before the day |
| X header | 1500×500 | Launch day | Profile photo overlaps lower left |
| LinkedIn banner | 1584×396 | Launch day | Company cover is 2256×382 |
| Facebook cover | 1640×624 | Launch day | Words in the middle |
| Email header | 1200×600 | Launch day | Check dark mode |
| Website hero | 1920×1080 | Launch day | Headline on a calm area |
| Video thumbnail | 1280×720 | If there is a demo | Three or four words |
| Thank-you or recap | 1080×1350 | A few days after | Real numbers only |
Post 1080×1350
1080 × 1350
Story 1080×1920
1080 × 1920
X post 1600×900
1600 × 900
Link preview 1200×630
1200 × 630
X header 1500×500
1500 × 500
LinkedIn banner 1584×396
1584 × 396
Email header 1200×600
1200 × 600
Website hero 1920×1080
1920 × 1080
Start with one key visual, then make the set
Don't design fifteen assets. Design one, the Instagram announcement or the website hero, until it's right: the background, the headline, the type, the one accent colour. That is the launch's look. Every other asset is the same look arranged for a different shape. Tall formats stack; wide formats spread; thin banners keep only the headline.
Write the look down: colours, fonts, the headline, where the accent goes. If several people are making assets, this note is what keeps the header someone makes at midnight in line with the post you made a week ago.
The launch timeline
- 1
Two weeks before: the key visual
Design the main announcement and agree the headline. Make the link preview image now, so the launch page shows it from the first share. OG image size has the tags and tests.
- 2
One week before: the teaser
A post and a story that hint at what's coming in the launch look, without the reveal.
- 3
The final days: the countdown
A daily story with the number changing and a countdown sticker so people can ask for a reminder.
- 4
The day before: make the whole set
Lay the key visual out for every format on the list. Schedule what can be scheduled.
- 5
Launch morning: go live everywhere
Publish the posts and stories, swap every profile header, send the email, update the website hero.
- 6
A few days after: say thank you
A recap in the same look, with real results if you want to share any, closing the story.
The teaser: the launch look and a date, nothing more.
The announcement: the same look, now with the reveal.
One headline across every graphic
People meet a launch in many places: a story in the morning, a post on LinkedIn at lunch, an email in the evening. They should recognise the same news each time. That means one headline, word for word, on every graphic, with the detail changing by format. For the order of the words, see how to design an announcement post.
Avoid
- A different slogan on each platform
- One image cropped to every shape
- New colours invented for the launch
- Headers still showing last season
Do
- One headline, repeated everywhere
- Each format laid out for its shape
- Your usual look, turned up a notch
- Every header swapped on the morning
What people forget on launch day
- The link preview. Platforms cache it; if you shared the page before the image was ready, refresh it in the platform's inspector.
- Profile headers. The X header, LinkedIn banner and Facebook cover still show the old look. See LinkedIn banner size and Twitter header size.
- The email header in dark mode. Test it; email header design covers what changes.
- Image descriptions. Add alt text to every launch image, on every platform.
- The link in your profile. Point it at the launch page before the first post goes out.
Questions people ask
What graphics do I need for a product launch?
A teaser, a countdown, the announcement for each platform's feed, launch stories, a link preview image, updated profile headers, an email header, a website hero and a thank-you post afterwards.
When should launch graphics be ready?
Make the key visual and the link preview about two weeks before, the teaser a week before, and the full set the day before, so launch morning is only publishing.
How do I keep launch graphics consistent?
Design one key visual, write down its colours, fonts and headline, and lay that same design out for every format instead of designing each from scratch.
What size is a link preview image for a launch page?
1200×630 pixels, set with the og:image tag. Test it before launch day, because platforms cache it.
Written by Gradiently
The team behind Gradiently, a design tool built around Marks: living gradients that make everything you design look like yours.
See our profile
