How to Design Shareable Quote Cards: Typography, Layout and Sizes

A quote card is one of the simplest pieces of graphic design there is: some words on a background. That simplicity is exactly why bad ones are so common. With only type and space to work with, every small decision shows, and most people scroll past a card in well under a second.

This guide collects the rules the POMODIARY team follows when designing text cards. None of them require design software, and most come from long-standing typographic practice rather than social media trends.

Start with the words

The best typography cannot rescue text that is too long. Before you touch fonts or colors, edit.

Aim for one idea. A card works when it carries a single thought that lands on first read.
Keep it short. As a rough guide, under about 30 words reads comfortably on a phone. Past 50, consider whether a card is the right format at all.
Cut, do not shrink. If text does not fit, the answer is fewer words, not a smaller font size.
Respect the original. If you are quoting someone, do not trim words in a way that changes the meaning. Use an ellipsis to mark omissions, and only where the meaning survives.

Line length and line breaks

For body text, typographers commonly recommend roughly 45 to 75 characters per line. Cards are different: the text is large and read in a glance, so shorter lines of around 20 to 40 characters usually work better.

Line breaks matter more on a card than anywhere else, because each line is read almost as a unit.

Break at natural pauses. End lines at commas, at the end of clauses, or between phrases, not in the middle of a phrase.
Avoid orphans. A single short word alone on the last line looks like a mistake. Rebalance the lines or rephrase.
Shape the block. Lines of similar length look calm; a deliberate long-short rhythm can add emphasis. Wildly uneven lines look accidental.

Compare these two breaks of the same sentence:

The best time to start was yesterday. The second best time is today.

The second version gives each idea its own line and reads instantly.

Hierarchy: what the eye sees first

A card typically has two or three levels of information: the quote, the attribution, and sometimes a small brand mark or handle. Make the order unmistakable.

Element	Typical treatment
Quote	Largest size, highest contrast, the visual center
Attribution	Clearly smaller (often around half the quote size), lighter weight or muted color
Brand or handle	Smallest, placed at an edge or corner, never competing with the quote

Useful techniques:

Size contrast should be obvious. If two elements are almost the same size, the eye cannot tell which matters more. Make the difference decisive.
Use one typeface, or two at most. A single family with different weights is usually enough. A serif for the quote and a sans-serif for the attribution is a classic pairing.
Give the text room. Generous margins, often 8 to 12 percent of the card's width on each side, make text look intentional and keep it clear of platform interface overlays.
Mind the leading. Large display text usually looks best with slightly tighter line spacing than body text, roughly 1.1 to 1.3 times the font size. Too loose and the lines drift apart.
Use emphasis sparingly. Highlighting one word in color or weight can work; highlighting five cancels the effect.

Contrast and accessibility

A card that is hard to read loses most of its audience, including people with low vision and anyone looking at a phone in sunlight.

Check contrast ratios. The Web Content Accessibility Guidelines (WCAG) recommend a contrast ratio of at least 4.5 to 1 for normal text and 3 to 1 for large text. Card text is usually large, but aiming for 4.5 to 1 or better gives you margin for compression and bright screens. Free contrast checkers will compute the ratio from two colors.
Be careful with photos. Text over a busy photo often fails contrast in some areas. Add a dark or light overlay, blur the background, or place text over a calm region.
Do not rely on color alone. If emphasis is shown only by a color change, some readers will miss it. Pair color with weight.
Avoid thin weights at small sizes. Hairline fonts disappear after platforms compress your image.
Write alt text. When you post, add a text description containing the quote and attribution. Screen reader users get the content, and so does anyone whose image fails to load.

Platform sizes

Each platform crops and displays images differently, and the recommended sizes change over time, so treat the figures below as common starting points and check current platform guidance before a big campaign.

Use	Aspect ratio	Common size in pixels
Square feed post	1:1	1080 x 1080
Portrait feed post	4:5	1080 x 1350
Stories and vertical video covers	9:16	1080 x 1920
Landscape posts and link images	16:9	1200 x 675 or 1920 x 1080
Wide link previews	about 1.91:1	1200 x 630

Practical notes:

Portrait often takes more space in feeds. A 4:5 card occupies more of a phone screen than a square, which can help it get noticed.
Mind the safe zone on vertical formats. On 9:16 stories, interface elements cover the top and bottom. Keep text well inside the central area.
Export larger, not smaller. Platforms recompress images. Starting from a sharp, high-resolution PNG keeps text edges crisp.
Design for the thumbnail. Check how your card looks at a small size before posting. If the quote cannot be read at thumbnail scale, it is too long or too small.

If you would rather not build each size by hand, Text2Card lets you paste text, choose one of several themes and a square, portrait or landscape format, and download a high-resolution PNG in the browser, without an account.

Attribution and copyright

A quote card spreads further than you expect, so getting attribution right matters.

Attribute accurately

Misattributed quotes are extremely common online; famous names attract sayings they never said. Before you put a name on a card:

Look for the original source: the book, speech, interview or letter, ideally with a date.
Be suspicious of quotes found only on quote websites and social media, with no source given.
If you cannot verify the source, either leave the attribution as unknown or choose a different quote.
Include the source title when you can, for example the book name, not just the author.

Understand the copyright basics

Copyright protects the original expression in a text, not ideas. Short quotations are widely used, but no word count makes a quotation automatically safe, and laws differ between countries. Some practical guidance:

Public domain works are the safest. In the United States, works published before 1931 are generally in the public domain as of 2026. Translations are separate works: an old text in a modern translation may still be under copyright, so use an old translation or translate it yourself.
Be cautious with song lyrics, poems and very short works. Even a few lines can be a substantial part of a short work, and music publishers actively enforce lyric rights.
Keep excerpts short and attributed. A single sentence with clear credit is very different from posting a whole passage or a series of cards that reproduces a chapter.
Commercial use raises the stakes. Using a quote to promote a product is treated differently from personal sharing in many jurisdictions. Get advice or permission for commercial campaigns.
Your own words are always safe. Some of the most effective cards quote the brand's own writing, a customer's permission-granted words, or the author of the post.

This is general information, not legal advice; if a project depends on a specific quote, ask a qualified professional.

A quick pre-posting checklist

The text is one idea and readable in a few seconds.
Line breaks fall at natural pauses, with no orphan words.
The quote is clearly the most prominent element.
Contrast is at least 4.5 to 1, including over any photo.
The card size matches the platform and text stays inside safe zones.
The attribution is verified and includes a source where possible.
Alt text contains the full quote and attribution.

Run through it once and your cards will look considered, read cleanly, and hold up when they are reshared.