We’re Live

1080×1350

We’re Live — Free Announcements Social Post Template

Announcements · v1.0.0 · Updated 2026-10-16 · Instagram, Facebook & X · HTML + CSS

Tagslaunchproduct huntboldstripes
Sizes4:5 · 1080×13501:1 · 1080×10809:16 · 1080×192016:9 · 1600×9001.91:1 · 1200×6272:3 · 1000×1500
Updated October 16, 2026

What's included

Features

Huge condensed "We're live on" headline in Bebas Neue
Platform name in the accent colour, auto-shrinking to fit
Diagonal CSS stripe background, no image required
Date line and single call to action above a thick accent rule
Product Hunt-inspired default palette, fully editable
Works for launches, campaigns, releases and livestreams
Portrait, square, Story and 16: 9 landscape sizes
PNG, JPEG, ZIP of every size, or HTML export

About this template

We’re Live — Free Launch Day Announcement Post Template

We’re Live social post template: A loud launch-day post with huge condensed "We’re live on" type, the platform name, the date and an ask for support, on diagonal stripes.

We're Live is a free launch-day post template for Product Hunt launches, app store releases, Kickstarter campaigns and livestreams. Huge condensed "We're live on" type sits above the platform name in the accent colour, with the date and a one-line ask for support underneath, all on bold diagonal stripes.

Loud by design

Launch day is not the time for subtle. The platform name is set in Bebas Neue at a massive size, and the diagonal stripes, a CSS repeating-linear-gradient in the accent colour at 16% opacity, add energy without needing an image. The default black, white and coral palette echoes Product Hunt's colours, and you can change it in one click.

One clear ask

The footer, separated by a thick accent rule, has the date ("Today · Nov 18") and a single call to action ("Your upvote helps us reach more makers"). One request per post converts better than a list.

Any platform, any launch

Change the platform field to "the App Store", "Kickstarter", "YouTube" or "Twitch". Long names shrink automatically to fit the width. For livestreams, change the first line to "We're live now on".

Launch week workflow

Build anticipation with Countdown, announce the product with Product Launch, post this on the day, and close with Milestone. All four sizes are included, so the landscape version suits X and the Story version suits Instagram.

Extend with AI

Take This Post Further With AI

Use an AI assistant to write launch-day copy for each platform, create matching posts for the days before and after, or adapt the stripes and typography to your brand.

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:

text
Create a 1080×1350 "We're live on Product Hunt" launch-day post in HTML and CSS.

- Black background covered by diagonal stripes: repeating-linear-gradient(-45deg) of the accent at 16% opacity.
- Huge condensed type (Bebas Neue): a first line "We're live on" and the platform name much larger in the accent colour.
- Footer above a thick accent top border: an uppercase date line and a one-sentence call to action.
- Use --u (1% of the shorter side) so the post scales to square, Story and 16:9.

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 We’re Live Template

⚡
Built for launch-day urgency
Huge condensed type and diagonal stripes match the energy of a launch, so followers know something is happening right now.
↑
One clear ask
A single call to action, like an upvote, download or backing, converts better than a list of requests.
⟳
Works for any platform
Change the platform name to the App Store, Kickstarter or YouTube and the design still fits, with long names shrinking automatically.

How it’s different

How It’s Different From Canva-Style Templates

</>
Real HTML and CSS, not a locked image
Canva-style templates only give you an image. These are plain HTML and CSS you can copy, download as a .html file or fork into My Code, then reuse on a website, in an email or in your own design system.
◍
Private by design
Text and photos never leave your browser. Images are drawn locally on a canvas, so client photos and unreleased product screenshots stay on your device.
⇲
Every size from one design
Layouts use relative units, so one design exports as an Instagram portrait post, a square, a Story, a 16:9 X post, a LinkedIn image and a Pinterest pin, or all six at once as a ZIP.
✓
Free, with no account or watermark
No sign-up, no premium-only templates, no watermark and no download limits. Edits are saved in your browser for next time.
Aa
Text that always fits
Long headlines shrink step by step instead of overflowing, and Story layouts keep text clear of Instagram’s buttons. Most template editors leave both to you.
v1
Versioned templates
Each template has a version number and an update date, and the exported HTML records which version you used, so you can tell when a design changes.

Step by step

How to Use

  1. 1
    Pick 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. We’re Live opens at 1080×1350.
  2. 2
    Edit the textClick any text in the preview, or use the fields on the left (line 1, platform, date, ask and more). Wrap words in *asterisks* to colour them.
  3. 3
    Add your imagesClick a photo area in the preview or use Images to upload your logo. Images stay in your browser.
  4. 4
    Match 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.
  5. 5
    Preview 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.
  6. 6
    Download, 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

🐱
Product Hunt launch day
Tell followers you are live and ask for an upvote, posting the landscape size on X and the Story size on Instagram the moment your launch goes up.
📱
App store releases
Change the platform to "the App Store" or "Google Play" and the date line to "Download today" to announce your app's release.
💰
Crowdfunding campaigns
Announce a Kickstarter or Indiegogo campaign launch, using the ask line to request early backers during the critical first days.
🔴
Livestreams and events
Change the first line to "We're live now on" and the platform to YouTube, Twitch or LinkedIn Live, then post it as a Story when you go live.

Got questions?

Frequently Asked Questions

Open We're Live, keep "Product Hunt" as the platform, set the date and your upvote ask, then download the landscape size for X and the portrait or Story size for LinkedIn and Instagram.

Yes. The platform name is editable: App Store, Google Play, Kickstarter, YouTube, Twitch, or anything else. Long names shrink to fit.

The stripes use the accent colour, so changing the accent recolours them. To remove or restyle them, fork the template to My Code and edit the .l-stripes CSS.

Make one clear request, such as an upvote, a download, a backing or "join the stream", and keep it under about 60 characters.

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 We’re Live 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.

Design your website