Social Media Carousel Design Best Practices: 12 Design Decisions That Stop the Scroll

Carousel design is the craft of turning one idea into a swipeable sequence of slides that reads clearly on a phone. The best carousels make one specific promise on the cover, give every slide one job, repeat a consistent visual system, and end with one next step. This guide covers 7 design practices, verified specs for 5 platforms, the text-size math most guides skip, and a pre-post checklist.

Carousel Specs by Platform (Checked October 2026)

Each platform handles multi-slide posts differently, so check the limits before you design. Every row below comes from the platform's own help or developer pages.

Sources: Instagram allows up to 20 photos and videos in one post, with one orientation for the whole set. Its image resolution page supports ratios from 1.91:1 to 3:4 at up to 1080 px wide. LinkedIn's document help sets the 100 MB and 300-page caps and requires a document title. TikTok's posting guide allows up to 35 photos. Meta's carousel ad specs list 2 to 10 cards and a 30 MB image cap. X's developer docs allow up to 4 photos, 1 GIF, or 1 video per post.

A 1080 x 1350 px portrait canvas fits inside Instagram's range and works as a LinkedIn page size too. For single images and other placements, see our social media image sizes guide.

1. Give the First Slide a Clear Promise

The cover has one job: tell the right reader what they'll get by swiping. Make it specific enough that someone can judge relevance without opening the caption.

• "Carousel design tips" becomes "5 Checks Before You Publish a LinkedIn PDF." It names the task and the format.
• "Improve your onboarding" becomes "3 Signup Errors to Fix Before You Redesign." It names a problem and a scope.
• "Our new product" becomes "Which Plan Fits a Two-Person Marketing Team?" It frames a buyer's decision.

Use numbers when they describe the content or a result you can prove. Invented growth claims erode trust the moment a reader checks them.

2. Build the Sequence Before the Slides

Write one sentence for each slide's purpose first. Cut duplicates, put context before the advice that depends on it, and pick a structure that fits the subject.

• Problem, explanation, solution: for topics where readers need the why.
• Outcome, steps, recap: for tutorials with a clear task.
• Options, criteria, recommendation: for comparisons and buying decisions.
• Question, evidence, interpretation: for research or data-led posts.

A Seven-Slide Outline You Can Adapt

1. Cover: "3 Signup Errors to Fix Before You Redesign."
2. Context: Which signup journey the checks apply to.
3. Check one: An unclear field label and a better version.
4. Check two: An error message that doesn't explain how to recover.
5. Check three: A required step with no clear purpose.
6. Recap: The three checks as a short checklist.
7. Next step: Ask readers to run the checklist on one signup flow.

Seven slides isn't a magic number. Merge or cut slides when your reader needs less explanation.

3. Make Every Slide Readable on a Phone

Give each slide one dominant message and an obvious reading order. A headline, a short line of support, and one visual is a good default. If they fight for attention, cut content before you shrink the type.

How Big Your Text Really Looks on a Phone

A slide shown full width shrinks by the ratio of the screen width to the canvas width. The formula is: displayed size = canvas size x (screen width / 1080). Here's what that does on four common phones, using CSS viewport widths from Blisk's device reference: Galaxy S24 at 360 px, iPhone 15 at 393 px, Pixel 8 at 412 px, and iPhone 15 Pro Max at 430 px.

Google's Lighthouse legibility audit flags text under 12 px as hard to read on mobile. On a 360 px screen, staying at 12 px or above needs at least 36 px on the canvas (12 x 1080 / 360). Round that up to 40 px for body text, and use 64 px or more for headlines.

That math explains why published advice ranges from 20 px to 48 px. At 20 to 24 px, body text falls under 12 px on every phone in the table. At 32 px it passes only on wider screens. From 40 px up it clears the floor everywhere, and 48 px reaches 16 px on the narrowest phone. Feed padding makes real slides slightly narrower than the screen, so treat these figures as a best case.

Use Visuals That Explain the Point

Pick a screenshot, diagram, photo, or chart because it shows something words can't. Crop screenshots tight and label what readers should notice.

4. Repeat a Visual System, Not One Layout

Keep headline and body styles, margins, color roles, and footer placement the same across slides. Vary the composition to fit the content, because a comparison needs a different layout from a quote or a process diagram.

• Typography: Two or three text styles with a clear size gap between headings and body.
• Color: Give each color a job, such as marking examples versus instructions.
• Navigation: Put slide numbers or section labels in a predictable place.

Browse the Pineable design gallery for layout references, then apply what works with your own brand.

5. Make the Sequence Easy to Follow

Use slide numbers, short section labels, or a transition line when the link between slides isn't obvious. A line or image that runs across slides can connect the design, but don't split a word, chart label, or key instruction across the edge.

6. Match the Call to Action to the Reader's Next Step

Choose one main action that follows from the content. A checklist can ask readers to save it, a comparison can point to a product page, and a discussion post can end with a question readers can answer. A URL printed on a slide isn't a tappable link, so use the caption to say where the next step lives.

7. Check the Export and Accessibility Before Posting

Review the exported files, not the editor preview. On Instagram, every item shares one orientation, so mismatched slides get cropped. On LinkedIn, give the document a clear title, since the help page requires one and you can't swap the file after posting.

• Check the cover in the feed and in your profile grid.
• Keep every slide at 1080 px wide, because Instagram resizes wider images down and enlarges narrow ones.
• Meet WCAG contrast: 4.5:1 for body text, and 3:1 for text that's at least 18 point or 14 point bold.
• Don't rely on color alone to carry meaning.
• Add alt text wherever the platform offers it.
• Put the main takeaway in the caption so it isn't locked inside the artwork.
• Proofread dates, numbers, sources, and the next-step link.

For a full walkthrough of planning and producing a carousel, read our carousel design guide.

How to Measure Whether a Carousel Works

Pick your success measure before you publish. A teaching carousel, a discussion post, and a product promo have different goals, so likes alone can't tell you which one worked.

• Exposure: Reach or views reported by the platform.
• Useful interaction: Relevant comments, saves, and shares.
• Next-step actions: Visits, inquiries, or downloads you can track.

Saves and likes don't prove people reached the last slide. Test one change at a time, such as a clearer cover, and note anything else that changed.

Before You Post: Quick Checklist

• The cover makes one specific promise.
• Every slide has one job and pays off the cover.
• Body text is 40 px or more on a 1080 px slide.
• Fonts, colors, margins, and slide numbers stay consistent.
• All slides share one aspect ratio, inside the platform's limits.
• The call to action fits the content and the caption explains where it leads.
• The exported file, not the editor preview, has been checked.

Frequently Asked Questions

Ready to build your next carousel? Outline the cover's promise first, then design your densest slide and test it at phone size.