Milestone — 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
Milestone — Free "Thank You" Celebration Post Template
Milestone is a free celebration post template for follower counts, user numbers, sales goals and anniversaries. A giant number takes centre stage, framed by a kicker ("We just hit"), what the number counts ("happy users"), a thank-you message and scattered CSS confetti.
The number is the hero
The milestone number is set in Montserrat at 900 weight at a huge size, on a single line, and shrinks automatically if you enter a longer figure like "1,000,000". Everything else is deliberately smaller, so the achievement registers instantly in the feed.
Confetti without images
The confetti is six small CSS shapes, rounded rectangles and dots, rotated at different angles and coloured in the accent and a second "confetti" colour. It adds celebration without clutter, and because it's plain CSS it stays crisp at every export size.
Say thank you
Milestone posts perform best when they credit the community. The message line has room for a sentence of thanks and what comes next ("The next 10K starts today"). Centred text and a light mint palette keep the tone warm and positive.
Every size, one design
It works as a portrait or square feed post, a Story and a landscape post for X, with the content centred in each.
Celebrating a launch instead? See Product Launch. Sharing a customer win? Try Customer Testimonial.
Extend with AI
Take This Post Further With AI
Use an AI assistant to write warm thank-you messages for each milestone, generate a series of milestone posts, or convert the template into a component that takes the number and unit as props.
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:
Create a 1080×1350 milestone celebration post in HTML and CSS.
- Light mint background, everything centred.
- Uppercase accent kicker ("We just hit"), then a giant single-line number (Montserrat 900, white-space: nowrap), the unit ("happy users") and a one-sentence thank-you.
- Six absolutely positioned CSS confetti pieces (rotated rounded rectangles and dots) in two colours.
- Handle at the bottom in the accent colour.
- Use --u (1% of the shorter side) for all dimensions.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 Milestone 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. Milestone opens at 1080×1350.
- 2Edit the textClick any text in the preview, or use the fields on the left (kicker, number, what it counts, message and more). Wrap words in *asterisks* to colour them.
- 3Add your imagesClick a photo area in the preview or use Images to upload your 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
Got questions?
Frequently Asked Questions
Open the Milestone template, type "10,000" (or "10K") as the number, "followers" as the unit and your thank-you message, then download the portrait or Story size.
The number stays on one line and shrinks automatically to fit the width, so values like "1,000,000" or "$2.5M" still fit.
Yes. The confetti uses the accent colour and a separate confetti colour, both editable with colour pickers or set by the palettes.
No. Use it for users, sales, downloads, donations, years in business or any number worth celebrating.
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 Milestone 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.