Webinar Event

1080×1350

Webinar Event — Free Events Social Post Template

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

CategoryEvents
Tagswebinareventspeakerdategradient
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

Calendar-style date block with month and day
Kicker, talk title and a time line with time zones
Speaker photo with an accent ring, plus name and role
Register button for a clear call to action
Deep blue gradient background with sky-blue accents
Title highlights with *asterisks*; long titles shrink
Portrait, square, Story and landscape sizes
PNG, JPEG, ZIP or HTML export

About this template

Webinar Event — Free Webinar and Event Promotion Post Template

Webinar Event social post template: A blue event card with a calendar-style date block, the talk title, a speaker photo and name, the time with time zone, and a register button.

Webinar Event is a free post template for promoting webinars, workshops, meetups and conference talks on LinkedIn, Instagram, Facebook and X. A calendar-style date block and a "Free live webinar" kicker sit at the top, the talk title fills the middle, and the footer shows the speaker's photo, name and role next to a "Register free" button.

The date is unmissable

The date block is a rounded square with the month in small accent capitals and the day in a large bold numeral, the same pattern people know from calendar apps. It sits top-left, where eyes land first.

Time zones included

The time line ("Thursday · 1 PM ET / 10 AM PT") has room for two time zones, which matters for US audiences spread across coasts and for international attendees. Write it the way your audience reads it.

Put a face on it

Events with a visible speaker get more registrations. Upload the speaker's photo to the round frame with an accent ring, and add their name and role. The button on the right gives a clear next step.

Professional blue gradient

The default background is a deep ocean-blue diagonal gradient with sky-blue accents, which reads as professional for B2B and tech audiences. The title uses Montserrat at 800 weight. Highlight the key benefit with *asterisks*, and long titles shrink to fit.

Counting down to the event? Use Countdown. Sharing a quote from the speaker afterwards? Try Big Quote.

Extend with AI

Take This Post Further With AI

Use an AI assistant to write event titles that promise a clear outcome, schedule a promotion sequence (announcement, reminder, last chance), or adapt the template for multi-speaker panels.

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
Build a 1080×1350 webinar promotion post in HTML and CSS.

- Deep blue diagonal gradient background.
- Top row: a light rounded-square date block (small accent month, big bold day) and an uppercase accent kicker.
- Middle: a large title (Montserrat 800) and a time line with ET/PT time zones.
- Footer row: round speaker photo with an accent ring, name and role, and a solid accent "Register free" button on the right.
- Use --u (1% of the shorter side) for sizing.

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 Webinar Event Template

▦
The date is unmissable
A calendar-style date block in the top-left corner is the first thing people see, and the most important fact about an event.
◉
A face builds trust
Events with a visible speaker tend to get more registrations, and the speaker photo, name and role sit right next to the button.
◷
Time-zone friendly
The time line has room for ET and PT, or any zones you need, which matters for audiences across the US.

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. Webinar Event opens at 1080×1350.
  2. 2
    Edit the textClick any text in the preview, or use the fields on the left (kicker, month, day, title 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 speaker photo and 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

🎥
B2B webinars
Promote a live webinar on LinkedIn with the speaker's photo and title, the date block for quick scanning and ET/PT times for US audiences.
🛠
Workshops and live classes
Announce a hands-on session with the skill in the title and "Seats limited" in the kicker, posting the Story version as a reminder on the day.
🎤
Conference talks
Share that you are speaking at a conference, with the event name in the kicker and your talk title as the headline.
👥
Meetups and community events
Promote local meetups or X Spaces with the venue or platform in the time line and the host as the featured speaker.

Follow it up

Email Templates to Match the Webinar Event Post

Reach the people who are not on social media with a matching email from the free responsive HTML email templates: Webinar Invitation 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 Webinar Event, set the month and day, the title and the time with time zones, upload the speaker photo, add their name and role, and download the portrait size for LinkedIn and Instagram or the landscape size for X.

List at least two zones, such as "1 PM ET / 10 AM PT". Add CT or GMT if your audience spans more regions.

Yes. Change the kicker to "Meetup" or "Workshop" and put the venue in the time line.

The template shows one featured speaker. For a panel, list the names in the speaker field, or make one post per speaker.

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 Webinar Event 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