Product Launch — Free Announcements Social Post Template
Announcements · v1.0.0 · Updated 2026-10-16 · Instagram, Facebook & X · HTML + CSS
What's included
Features
About this template
Product Launch — Free New Product Announcement Post Template
Product Launch is a free announcement template for SaaS products, apps and new features. A bright "New" badge, a big headline, a short tagline and a call to action sit above a glowing screenshot frame that rises from the bottom of the post.
Show the product, not just words
Upload a screenshot of your dashboard, app screen or landing page and it fills the frame, anchored to the top so the most important part of the UI stays visible. The frame has a soft border and an accent-coloured outer glow, drawn with CSS box-shadow, so even a plain screenshot looks premium. Without a screenshot the frame shows an accent gradient, so the post still works.
Dark, high-contrast styling
The background is a near-black violet with a large radial glow coming up from the bottom, which pulls the eye towards the product. The headline uses Plus Jakarta Sans at 800 weight with tight tracking. Colour the product name with *asterisks* ("Meet *Flowboard 2.0*").
Layouts per size
On portrait, square and Story sizes the copy sits on top with the screenshot below. On the 16:9 landscape size for X, the layout switches to two columns, with the copy on the left and the screenshot bleeding off the right edge. Long headlines shrink to fit.
Launch week set
Use it with We're Live for launch day, Countdown for the days before, and Milestone when the signups come in.
Extend with AI
Take This Post Further With AI
Give the Product Launch code to an AI assistant to write launch copy variations, swap in your brand gradient, or build a set of launch-week posts from one product description.
Prompt to recreate it
Copy this into your AI assistant of choice to build the effect from scratch, or as a jumping-off point for your own variant:
Build a 1080×1350 product launch announcement post in HTML and CSS.
- Near-black violet background with a large radial glow rising from the bottom centre.
- Top: a small uppercase pill badge "New", a big headline (Plus Jakarta Sans 800, tight tracking), a short tagline and an accent call-to-action line.
- Bottom: a screenshot frame filling the remaining height, rounded top corners, subtle border and an accent outer glow (box-shadow), with the image covering it and anchored to the top.
- At 1600×900, switch to two columns: copy left, screenshot bleeding off the right edge.
- Size with --u (1% of the shorter side).Want to tighten it up first? Run this prompt through the AI Prompt Studio to score it across 8 quality dimensions, catch anti-patterns, and tune the wording for Claude, ChatGPT, or Gemini before you paste it in.
Why use it
Why Use the Product Launch Template
How it’s different
How It’s Different From Canva-Style Templates
Step by step
How to Use
- 1Pick the sizeChoose Portrait 4:5 (the Instagram feed default), Square, Story / Reel, Landscape 16:9 for X, a 1200×627 LinkedIn image or a 1000×1500 Pinterest pin. Product Launch opens at 1080×1350.
- 2Edit the textClick any text in the preview, or use the fields on the left (badge, headline, tagline, call to action and more). Wrap words in *asterisks* to colour them.
- 3Add your imagesClick a photo area in the preview or use Images to upload your product screenshot and logo. Images stay in your browser.
- 4Match your brandApply your saved brand kit or one of 12 palettes, set exact colours, and choose heading and body fonts from any Google Font or your own uploaded font.
- 5Preview it in the feedSwitch the preview to Instagram, Story, X or LinkedIn to see the post with your name, handle and caption, and fix anything the quality checks flag.
- 6Download, save or bulk createDownload PNG, JPG or PDF, every size as a ZIP, or copy the HTML. Save it to My designs to reuse later, or turn a CSV into dozens of posts with Bulk create.
Real-world uses
Common Use Cases
Follow it up
Email Templates to Match the Product Launch Post
Reach the people who are not on social media with a matching email from the free responsive HTML email templates: Product Update Email. Both libraries use the same brand colours and fonts, so the post and the email look like one campaign.
Got questions?
Frequently Asked Questions
Open the Product Launch template, upload a screenshot, write the badge, headline, tagline and call to action, choose colours, and download. The 16:9 size switches to a two-column layout for X automatically.
Any size works. The image is cropped to fill the frame and anchored to the top, so a full-width screenshot of your app or website shows its header and main area. Uploads are resized in your browser and never sent to a server.
Yes. Change the badge to "New feature" or "Just shipped" and show the feature screen in the frame.
Countdown for the days before launch, We're Live for launch day, and Milestone to celebrate the first users or sales.
Portrait post 1080×1350 (4:5): Instagram feed (recommended), Facebook and LinkedIn feeds, X portrait. Square post 1080×1080 (1:1): Instagram, Facebook, LinkedIn and X feeds. Story / Reel 1080×1920 (9:16): Instagram and Facebook Stories, Reel covers. Landscape post 1600×900 (16:9): X feed image, Facebook landscape. LinkedIn image 1200×627 (1.91:1): LinkedIn shared image and link posts, Facebook link images. Pinterest pin 1000×1500 (2:3): Pinterest standard pin (the recommended 2:3 ratio). Switch sizes in the editor and the layout adapts, or click "All sizes (ZIP)" to download every size at once.
Press Play in the editor to watch the animation for free. Downloading it as an animated MP4 (or WebM) for Reels, Stories and WhatsApp Status is for Patreon supporters, who enter the supporter passcode once. PNG, JPG, PDF and HTML exports are free.
Yes, for Patreon supporters. Choose Export, then "Bulk create from CSV", and paste rows from a spreadsheet or upload a CSV whose column names match the Product Launch fields. Every row becomes one post, and you download them all as a ZIP.
Yes. The preview switches between the plain design and mock-ups of an Instagram feed post, an Instagram Story, an X post and a LinkedIn post, using the name, handle and logo from your brand kit and the caption you type.
Yes. "Copy HTML" and "Download .html" give you one self-contained file: the markup, all the CSS and links to the Google Fonts it uses. "Fork to My Code" saves an editable copy in the UI Snippets editor. The file records the template name and version (v1.0.0).
Yes. It is free for personal and commercial posts, with no sign-up and no watermark. Everything runs in your browser and nothing you type or upload is sent to a server.