This or That

1080×1350

Click any text to edit it · drag a photo to reposition it, scroll to zoom, click to replace

Related Social Post Templates

2 in Engagement categoryView all →
Engagement

This or That

6 sizes
Engagement

Hot Take

6 sizes

This or That — Free Engagement Social Post Template

Engagement · v1.0.0 · Updated 2026-11-02 · Instagram, Facebook & X · HTML + CSS

CategoryEngagement
Tagsthis or thatpollvotequestionengagementsplitcolourful
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

Bold diagonal split in two editable colours
Large A and B options with circular letter badges
Round yellow OR badge on the dividing line
Question chip at the top and a "Comment A or B" prompt
Long options shrink to fit
Left-and-right split on the 16: 9 and LinkedIn sizes
Editable colours for each side and the OR badge
Export PNG, JPEG, PDF, animated video or HTML

About this template

This or That — Free Instagram Vote Post Template With Diagonal Split

This or That social post template: A diagonal split-screen vote: a question chip, two big options in contrasting colours with A and B badges, a circular "OR" in the middle, a vote prompt and your handle.

This or That is a free social media template that turns a simple choice into a loud, colourful post. The canvas is cut on a diagonal: indigo above, rose below, with a yellow "OR" badge sitting right on the dividing line. Each side holds one big option with a white A or B circle, and the footer tells people how to vote.

Designed to be answered in one word

The best this-or-that posts have options that can be typed in a second: "Dark mode" or "Light mode", "Tabs" or "Spaces", "Coffee" or "Tea". The template makes each option huge, with a short question chip at the top, so there is no doubt what is being asked. The prompt line at the bottom, "Comment A or B", gives people the exact reply to type, which is why this format reliably fills a comment section.

Fits a feed, not just a Story

Instagram's poll sticker lives in Stories. This template is for the feed, where votes happen in the comments, so the result stays visible and you can reply to people and keep the thread going. Use it for audience polls, fun team debates, or a quick way to ask followers which product colour, logo or feature to ship.

Colours and sizes

The two sides take their own colours, so swap them to your brand pair or to the two sides of the debate, such as red against blue. The diagonal split runs across the portrait, square and Story sizes, and the layout switches to a left-and-right split on the 16:9 and LinkedIn sizes. Long options shrink to fit, and you can export PNG, JPEG, PDF, an animated video where the options appear one after another, or the HTML.

For a Story that uses Instagram's own sticker, use Story Poll. To ask for an opinion rather than a choice, try Hot Take.

Extend with AI

Take This Post Further With AI

Ask an AI assistant to adapt the This or That HTML and CSS: write ten this-or-that pairs for your niche, build an interactive version that counts clicks on each side, or generate a series with a new pair each day of the week.

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 "this or that" social post in plain HTML and CSS.

- The whole canvas is rose (#e11d48). Over it, an indigo (#4f46e5) layer clipped with clip-path polygon(0 0,100% 0,100% 40%,0 60%) to make a diagonal split.
- A small uppercase pill at the top with a translucent dark background: "Your coding setup?".
- In the indigo half: a white circle with the letter A and the huge white word "Dark mode". In the rose half: a white circle with B and "Light mode".
- A round yellow badge reading "OR", tilted slightly, centred on the diagonal with a soft shadow.
- A footer with a "Comment A or B" pill on the left and the handle on the right.
- Size everything with a CSS variable --u equal to 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 This or That Template

⇄
A choice answered in one word
Two huge options and a "Comment A or B" prompt make replying easier than scrolling past.
◩
Made for the feed
Votes happen in the comments, so the debate stays public, unlike a Story poll that disappears in 24 hours.
🎨
Your colours on each side
Give each option its own colour, from your brand pair to red against blue for a real rivalry.

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. This or That opens at 1080×1350.
  2. 2
    Edit the textClick any text in the preview, or use the fields on the left (question, option a, option b, vote prompt and more). Wrap words in *asterisks* to colour them.
  3. 3
    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.
  4. 4
    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.
  5. 5
    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

☕
Fun audience polls
Ask a light question your followers have strong feelings about, such as coffee or tea, to start a comment thread that keeps your account active.
💻
Developer and designer debates
Tabs or spaces, light or dark, Figma or Sketch. Niche this-or-that questions get high engagement because people enjoy picking a side in their own field.
🛍
Product and design feedback
Show two colours, two names or two features and let followers choose before you decide. It is cheap market research that also makes people feel heard.
🏢
Team and culture posts
Post a light choice about office life, such as remote or office or pizza or tacos, to show the people behind a brand.

Got questions?

Frequently Asked Questions

Open This or That, type your question and the two options, choose a colour for each side, and keep the prompt "Comment A or B". Download the 4:5 PNG and post it to the feed.

Yes. A poll sticker is added in Stories and counts votes inside the app. This template is an image for the feed, where people vote in the comments, so the debate stays public and you can reply to answers.

Two options that are easy to type in one word, with no clearly correct answer. Choices linked to your field or your audience's habits work best because people have opinions and enjoy defending them.

Yes. Choose the Story size and the diagonal split fills the 9:16 canvas with text clear of the top and bottom bars. Add the poll sticker in Instagram on top if you want votes counted.

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.

Yes. Choose Export, then "Bulk create from CSV", and paste rows from a spreadsheet or upload a CSV whose column names match the This or That 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