Big Quote — Free Quotes & Tips Social Post Template
Quotes & Tips · v1.0.0 · Updated 2026-10-16 · Instagram, Facebook & X · HTML + CSS
What's included
Features
About this template
Big Quote — Free Instagram Quote Post Template With Author Photo
Big Quote is a free quote post template for Instagram, Facebook and X. It turns a single sentence into a shareable quote card: an oversized accent-coloured quotation mark, the quote in a bold serif face, and a footer with the author's name, role, optional round photo and your handle.
Typography does the work
The quote is set in Playfair Display at 700 weight with slightly tight letter-spacing, so even a short line feels editorial. The giant opening quote mark is the same serif at roughly four times the quote size, tinted with the accent colour. Wrap any words in *asterisks* and they switch to the accent colour, which is a simple way to highlight the key phrase of a long quote.
A layout that survives long quotes
The quote sits in a flexible middle area between the quote mark and the footer. When a quote is too long, the editor shrinks the type step by step until it fits instead of letting it spill over the footer. The same design works as a 4:5 portrait post, a square post, a 9:16 Story (with extra padding to clear the Story header and reply bar) and a 16:9 landscape post for X.
Subtle depth, no images needed
The background is the dark base colour with a soft radial glow of the accent colour in the top-right corner, drawn with a CSS radial-gradient, so the card looks finished even without a photo. The author photo is optional: leave it empty and the footer simply shows the name and role.
Want a lighter tip-style card instead? Try Tip of the Day or the fact-based Did You Know? template.
Extend with AI
Take This Post Further With AI
Ask an AI assistant to adapt the Big Quote HTML and CSS: change the typeface pairing, turn it into a React component that takes quote and author props, or generate a week of quote posts from a list.
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 social media quote card in plain HTML and CSS.
- Dark background with a soft radial glow of an accent colour in the top-right corner.
- A huge serif opening quotation mark in the accent colour, then the quote in a bold serif (Playfair Display 700).
- Footer separated by a thin line: optional round author photo with an accent ring, author name and role, and a handle aligned right.
- Size everything with a CSS variable --u equal to 1% of the shorter side, so the card also works at 1080×1080, 1080×1920 and 1600×900.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 Big Quote 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. Big Quote opens at 1080×1350.
- 2Edit the textClick any text in the preview, or use the fields on the left (quote, author, role / source, handle 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 and author photo. 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 Big Quote template, type the quote and the author, optionally upload a photo, and pick colours and fonts. Keep the 4:5 portrait size (1080×1350) for the feed, or switch to Story (1080×1920), then click Download. The whole thing runs in your browser.
Yes. Wrap the words in asterisks, for example "Simplicity is the soul of *efficiency*", and they render in the accent colour. You can edit the quote in the side panel or by clicking it in the preview.
The quote shrinks automatically until it fits between the quote mark and the footer. For readability on phones, aim for one or two sentences, roughly under 140 characters.
No. The photo slot is optional. Without a photo the footer shows only the author name, role and your handle, and nothing is left empty.
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 Big Quote 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.