Social Media Graphics
Platform dimensions, carousel design, story templates, video thumbnails, branded content, and batch creation workflows — everything you need to create scroll-stopping social graphics.
A 22-year-old graphic designer posted one carousel and gained 54,000 followers in a week.
In 2021, Chris Do — founder of The Futur — shared a simple carousel on Instagram: 10 slides explaining "How to Price Design Work." Each slide had a white background, bold black text, one idea per slide, and a swipe-right arrow at the bottom. No fancy illustrations. No stock photos. No filters.
The carousel was saved 47,000 times, shared 12,000 times, and brought in tens of thousands of new followers. Chris later explained: "The graphic design didn't make this work. The structure did. One idea per slide. Enough curiosity to swipe. A clear promise in the first slide."
This module isn't about making pretty pictures. It's about making graphics that stop the scroll, deliver value, and make people tap "save" or "share." Those are the two actions that drive reach on every social platform — and both require graphics that work harder than just "looking nice."
Platform dimensions: the sizes that matter
Every platform has specific dimensions that display best. Using the wrong size means your design gets cropped, compressed, or surrounded by ugly black bars.
| Platform | Format | Dimensions (px) | Aspect ratio |
|---|---|---|---|
| Feed post (square) | 1080 x 1080 | 1:1 | |
| Feed post (portrait) | 1080 x 1350 | 4:5 | |
| Story / Reel | 1080 x 1920 | 9:16 | |
| Carousel | 1080 x 1080 or 1080 x 1350 | 1:1 or 4:5 | |
| TikTok | Video | 1080 x 1920 | 9:16 |
| Feed post | 1200 x 627 | 1.91:1 | |
| Carousel (PDF) | 1080 x 1080 or 1080 x 1350 | 1:1 or 4:5 | |
| X (Twitter) | Feed image | 1200 x 675 | 16:9 |
| Feed post | 1200 x 630 | 1.91:1 | |
| YouTube | Thumbnail | 1280 x 720 | 16:9 |
| Pin | 1000 x 1500 | 2:3 |
The anatomy of a scroll-stopping graphic
You have about 1.5 seconds as someone scrolls past your post. In that time, your graphic needs to do three things: stop, hook, promise.
Stop — A visual element that breaks the scroll pattern. High contrast, bold color, a face, or unexpected imagery. This is purely visual — it happens before reading.
Hook — A headline or opening line visible without tapping "more." This tells the viewer what the post is about. It must be specific, not generic.
Promise — A reason to engage (save, share, swipe, click). The viewer needs to believe this post will teach them something, make them feel something, or give them something they'll want to reference later.
✗ Without AI
- ✗Low contrast, muted colors
- ✗Tiny text that requires tapping to read
- ✗Generic headline: 'Tips for Success'
- ✗Cluttered layout with 5+ elements competing
- ✗No clear call to action
✓ With AI
- ✓High contrast, bold primary color
- ✓Large headline readable at thumbnail size
- ✓Specific headline: '5 Pricing Mistakes That Cost Me $50K'
- ✓Clean layout with one focal point
- ✓Clear CTA: 'Swipe for the framework' or 'Save for later'
There Are No Dumb Questions
"Does every social post need custom graphics? Can't I just post photos?"
Photos work great for some content — behind-the-scenes, personal stories, product shots. But educational content, tips, frameworks, and announcements almost always perform better with designed graphics. The key is matching the format to the content type. A personal story works with a phone photo. A "5 steps to X" post needs a designed carousel.
"How do I create graphics fast enough to post consistently?"
Batch creation. Design 5-10 graphics in one sitting using templates. Set up your Brand Kit once, create 3-4 base templates for different content types, and then swap the text for each new post. A batch session of 2-3 hours can produce a full week of content. We'll cover this workflow at the end of this module.
Carousel design: the highest-performing format
Carousels consistently outperform single images on Instagram and LinkedIn. The format rewards structured, educational content — exactly the kind of value that earns saves and shares.
The carousel structure that works
| Slide | Purpose | Design approach |
|---|---|---|
| Slide 1: Cover | Stop the scroll, communicate the topic | Bold headline, clean background, your brand mark. This slide does the work of a book cover. |
| Slides 2-8: Content | Deliver the value | One idea per slide. Large text, supporting visual, consistent layout. Each slide should make sense on its own if shared as a screenshot. |
| Slide 9-10: CTA | Ask for the action | "Save this for later," "Share with someone who needs this," "Follow @handle for more," or a summary of key points. |
Carousel design rules:
One idea per slide. If you need a comma, you probably need a new slide. Each swipe should reward the viewer with a new, distinct insight.
Consistent layout across all slides. Same background, same font sizes, same margins. Only the content changes. This creates a cohesive reading experience.
Add a visual swipe cue. A small arrow, "Swipe >>", or a design element that's visually cut off at the right edge — anything that signals "there's more."
Number your slides. "3/10" in the corner tells viewers how much content there is and creates a sense of progress and completion motivation.
Keep text readable at phone size. If you can't read the text when the image is 375px wide (iPhone screen), the text is too small.
Design a 5-Slide Carousel
50 XPStory and Reel graphics: vertical content design
Stories and Reels use 9:16 vertical format (1080x1920). The design rules differ from feed posts:
| Design element | Story/Reel rule | Why |
|---|---|---|
| Safe zones | Keep text in the middle 60% of the screen | Top 15% is covered by the username bar; bottom 25% by the CTA/reply bar |
| Text size | Larger than feed posts (24px minimum) | Stories are viewed at full-screen; small text works, but bold text performs better |
| Duration | 5-7 seconds of viewing time per story slide | People tap fast — your message must land in under 5 seconds |
| Stickers and polls | Use them — they boost engagement metrics | Algorithms reward interactive stories with wider distribution |
| Background | Full-bleed images or bold color backgrounds | No white borders — fill the entire vertical canvas |
YouTube thumbnails: the most important graphic in video
A YouTube thumbnail is arguably the highest-stakes single graphic on the internet. It determines whether someone clicks your video from a sea of options. YouTube's Creator Academy reports that 90% of top-performing videos use custom thumbnails.
The thumbnail formula:
| Element | Rule |
|---|---|
| Face | A human face with an expressive emotion (surprise, curiosity, excitement). Faces are processed faster than any other visual element. |
| Text | 3-5 words maximum. Large, bold, high contrast. Must be readable at 168x94px (the smallest YouTube thumbnail size). |
| Color | Bright, saturated colors that contrast with YouTube's white/dark interface. Avoid red and white (they blend with YouTube's UI). |
| Composition | Face on one side, text on the other. Or face in center with text above/below. Never centered text over a face. |
| Consistency | Series thumbnails should share a visual template (same font, same layout, same style) so subscribers recognize your content instantly. |
✗ Without AI
- ✗Blurry screenshot from the video
- ✗Tiny text with 10+ words
- ✗Muted colors that blend with YouTube's UI
- ✗No human face
- ✗Looks like every other video on the topic
✓ With AI
- ✓High-res image with intentional composition
- ✓3-5 bold words readable at tiny size
- ✓Bright, saturated colors with high contrast
- ✓Expressive face showing emotion
- ✓Unique style that's instantly recognizable as your brand
There Are No Dumb Questions
"I don't make videos. Why do I need to know about thumbnails?"
The thumbnail formula applies far beyond YouTube. Blog post featured images, podcast cover art, webinar graphics, and course thumbnails all follow the same principles: bold text, human faces, high contrast, readable at small sizes. If your content has a "cover image" of any kind, these rules apply.
Branded content: building visual recognition
Branded content means every piece you publish is visually connected to every other piece. When someone sees your graphic in a feed full of other content, they should recognize it's yours before reading your name.
The brand recognition toolkit:
| Element | How to apply it |
|---|---|
| Color consistency | Use your Brand Kit colors on every post. Same background color, same accent color, same text color. |
| Font consistency | Same 1-2 fonts across all designs. Never switch fonts between posts. |
| Layout templates | 3-4 base templates that you rotate. Followers subconsciously learn your visual pattern. |
| Logo/watermark | Small, consistent placement (bottom-right or bottom-left). Not huge — just present. |
| Photo treatment | Same filter, same style. If you use muted tones, always use muted tones. If you use vibrant saturation, commit to it. |
What makes viewers recognize a brand's social content (% of respondents, Lucidpress survey)
Create a Video Thumbnail
25 XPBatch creation workflows: 10 graphics in 2 hours
Consistency on social media requires volume. You can't design one graphic per day from scratch — you need a system.
The batch creation workflow:
Step 1: Content plan first. Write out 5-10 post topics before opening Canva. The design is the last step, not the first.
Step 2: Open your base templates. Create 3-4 templates for recurring content types: tip posts, carousels, quotes, announcements.
Step 3: Duplicate and customize. Duplicate your template for each new post. Swap the text, adjust one visual element for variety, keep everything else consistent.
Step 4: Export in bulk. Select multiple designs and download as a ZIP. Name files with the date and platform for easy scheduling.
Step 5: Schedule via a scheduling tool. Upload to Buffer, Later, or Hootsuite. Schedule a full week in one sitting.
| Content type | Template count needed | Rotation pattern |
|---|---|---|
| Educational tip | 2 templates | Alternate between them |
| Carousel | 1 template (duplicate slides) | Same layout, different content |
| Quote / testimonial | 1 template | Swap text and background color |
| Announcement / promo | 1 template | Update image and copy |
| Behind-the-scenes | No template needed | Use photos directly |
The math: 5 templates, rotated across 4-5 posts per week, produces a month of varied-looking content that takes 2-3 hours total to create in a single batch session.
Build Your Template Library
25 XPKey takeaways
- 4:5 portrait (1080x1350) is the optimal Instagram feed format — it takes up more screen space than 1:1 square and stops scrolls more effectively.
- Carousels outperform single images 3x — structure them with one idea per slide, a bold cover, consistent layout, and a clear CTA on the last slide.
- Story safe zone is the middle 60% — the top 15% and bottom 25% are covered by Instagram's UI overlays.
- YouTube thumbnails need: a face, 3-5 bold words, bright contrasting colors, and readability at the smallest display size.
- Branded content builds recognition through consistency — same colors, fonts, layout templates, and photo treatment across every post.
- Batch creation is the only sustainable workflow — design 5-10 graphics in one session using templates, not one graphic per day from scratch.
Knowledge Check
1.An Instagram post uses the 1:1 square format (1080x1080) for a carousel. A marketer suggests switching to 4:5 portrait (1080x1350) instead. What is the primary reason for this change?
2.A creator designs an Instagram Story with their key headline placed at the very top of the 1080x1920 canvas. When posted, the headline is partially hidden. What went wrong?
3.A YouTube creator's thumbnails use small 12-word titles in pastel colors on white backgrounds. Their click-through rate is low. Which changes would most likely improve performance?
4.A marketing team creates each social media graphic individually, from scratch, every day. They're spending 45 minutes per graphic and struggling with consistency. What workflow change would be most impactful?