Quote card maker for X
Turn a line of text into a crisp PNG sized for X. Pick a layout, check the contrast, copy the alt text and download.
- Runs in your browser
- Nothing uploaded
- No sign up
Text
Loading fonts…
Start from a template
Suggested alt text 87 / 1,000
Quote card: “Write the post you would stop scrolling for.” Your Name, on writing for X.
How to make a quote card in five steps
- 1
Pick a template
Choose quote, stat, headline, announcement, list or before and after.
- 2
Write the words
Replace the example. One idea per card, because shorter text reads bigger.
- 3
Set type and colour
Pick a typeface and colour set, and keep contrast at 4.5:1 or higher.
- 4
Choose the size
Landscape 16:9, square, portrait 3:4 or wide 2:1, drawn at export size.
- 5
Download and describe
Download the PNG and paste the suggested alt text into the image description on X.
Six quote card templates and when to use each
Match the shape to the job. Each one loads its example in the studio, ready to rewrite.
“
Write the post you would stop scrolling for.
Your Name
Quote card
Under about 20 wordsA line worth repeating, with the speaker credited.
12
posts planned for launch week
Stat card
Say what the number meansOne number you measured and what it counts.
We moved the launch to Thursday.
Here is what changes
Headline card
Write it with a verbNews in one sentence: a change, a date, a decision.
Office hours every Friday
Bring a draft.
Announcement card
One word label: New, LiveEvents, releases and openings, labelled at a glance.
Before you post
- 1Read it out loud
- 2Cut the first sentence
- 3Check every link
List card
Three to five itemsChecklists and short steps people save and share.
BEFORE
We are thrilled to announce an exciting new feature…
AFTER
Comments now sync across every draft.
Before and after card
Keep the after side shorterRewrites and fixes, shown instead of told.
Design rules for quote cards read on a phone
People see your card at phone width, not at the size you designed it. That one fact explains every rule below, and it is why the studio shrinks long text instead of letting it run small.
Worked example
Big on your monitor
Designed at 1600 px wide
Big on your monitor
Shown about 360 pt wide
48 px arrives near 11 pt, smaller than the post text
72 px arrives near 16 pt, comfortable to read
Contrast 4.5:1 or more
Low contrast vanishes first on a dim phone.
Main text size 4% of width
64 px on a 1600 px card stays readable.
Margins 8% each edge
Corners and grid gaps crop the edges.
Words per card About 20
Fewer words means each one is larger.
Line length Short lines
Break at natural phrases for easy tracking.
Typefaces Two at most
Let size and weight do the hierarchy.
Contrast uses the WCAG formula. The studio measures both ends of the background gradient and reports the weaker one.
Alt text for quote cards
Words baked into an image cannot be read aloud, searched or translated. The fix is the image description, up to 1,000 characters per image according to X's help page.
“
Write the post you would stop scrolling for.
Your Name
Screen reader hears
“Image.”
With alt text
“Quote card: Write the post you would stop scrolling for. Your Name, on writing for X.”
- QuoteThe quote word for word, then who said it.
- StatThe number and what it counts, as you would say it aloud.
- ListEvery item, numbered, in order.
- Before and afterBoth versions, each one labelled.
Skip colours and fonts unless they carry meaning. The studio drafts this text as you type.
Image sizes for quote cards on X
A single image between 2:1 and 3:4 shows in full, per X's help on posting pictures. All four studio sizes sit inside that range.
Landscape 16:9
1600 × 900
Default single image
Square 1:1
1080 × 1080
Multi image posts
Portrait 3:4
1080 × 1440
Lists, longer quotes
Wide 2:1
1600 × 800
Short headlines
These pixel sizes are this tool's choices, not numbers X requires. Any size in the same shape works.
When one card a week turns into one card a day
Kairo Post renders cards from your own templates in each account's saved style, drafts the alt text, and shows the credit price first. Cards come from templates, not an image model, so the words are exactly the ones you approved.
Your template
Saved per account
Your text and alt text
Drafted with the post
You approve
Card and post together
Posted to X
Only after approval
Quote card questions
Something missing? Ask us
Do I need an account to make a quote card?
What size should a quote card for X be?
Why is my card text hard to read on a phone?
Should I export PNG or JPEG?
Do I need alt text on a quote card?
Can I use my own fonts?
Can I put a real person's quote on a card?
Written by Jonas Ben, founder of Kairo Post. Updated .
More tools
All toolsPost at the right moment.
Starting today.
Connect an account, describe your voice and let Kairo Post do the legwork.