Designing for social media: sizes, layouts, carousels, stories, thumbnails, templates, consistency and results

Social media graphics are the most requested design work today: Instagram and Facebook posts, WhatsApp Status flyers, TikTok covers, YouTube thumbnails, LinkedIn carousels, event announcements, product promos and quotes. Businesses need fresh designs every week, which makes social media design an excellent source of recurring income. This unit covers platform sizes, layouts that stop the scroll, carousels, stories and thumbnails, building consistent template systems for clients, and measuring which designs perform.

Sizes and safe zones

Platforms change specs occasionally; check their current guidance and preview on a phone.

How people view social posts

• On phones, scrolling fast: you have about a second to catch attention.
• Small: text must be big and short.
• Next to other content: strong contrast and a clear focal point stand out.
• Often with sound off: videos need captions and on-screen text.

Layout formulas

Promotion/offer

[Big offer]        15% OFF CHRISTMAS CAKES
[Product photo]    (cut-out cake on brand background)
[Details]          Order by 20 Dec · Delivery in Nakuru
[CTA]              WhatsApp 07xx xxx xxx
[Logo]             small, corner

Event

[Event name]       YOUTH TECH BOOTCAMP
[Date/time/venue]  Sat 14 Sept · 9am–4pm · Kisumu Library
[Speaker photos]   2–3 faces (faces attract attention)
[CTA]              Register free: link in bio / QR code

Quote/tip/educational post

[Hook/title]       3 ways to protect your M-Pesa from SIM swap
[Short points]     1. ... 2. ... 3. ...
[Brand footer]     logo + handle

Announcement

New product, opening hours, holiday closure, hiring: one clear headline, one supporting line, brand colours, logo.

Text on images

• Less is more: one headline (5–8 words) and a few key details. Put the rest in the caption.
• Font sizes large enough to read on a phone; test by viewing at real size.
• Strong contrast: use solid shapes, gradients or dark overlays behind text on busy photos.
• One or two fonts; use weight and size for hierarchy.
• Check names, dates, prices and phone numbers carefully; mistakes are costly once posted and printed.

<div style="width:300px;height:375px;border-radius:12px;overflow:hidden;position:relative;font-family:system-ui;background:linear-gradient(135deg,#7f1d1d,#b45309)">
  <div style="position:absolute;inset:0;background:radial-gradient(circle at 70% 40%,rgba(255,255,255,.25),transparent 60%)"></div>
  <div style="position:absolute;top:22px;left:20px;right:20px;color:#fff">
    <div style="font-size:13px;letter-spacing:.12em;opacity:.85">GRACE BAKERY</div>
    <div style="font-size:42px;font-weight:900;line-height:1;margin-top:8px">15% OFF</div>
    <div style="font-size:20px;font-weight:700">Christmas cakes</div>
  </div>
  <div style="position:absolute;bottom:20px;left:20px;right:20px;color:#fff">
    <div style="font-size:14px;margin-bottom:10px">Order by 20 Dec · Delivery in Nakuru</div>
    <div style="background:#fbbf24;color:#3b0a0a;font-weight:800;padding:10px 14px;border-radius:999px;display:inline-block">WhatsApp 07XX XXX XXX</div>
  </div>
</div>

This mock-up (in HTML, but the same structure applies in Canva) shows hierarchy: brand, big offer, product, details, CTA.

Carousels

Carousels (multiple slides) get strong engagement and saves, especially for educational content:

1. Slide 1 (hook): a bold promise or question ("5 mistakes killing your small business website").
2. Slides 2–8: one point per slide, consistent layout, numbered.
3. Last slide: summary + CTA ("Save this post", "DM 'AUDIT' for a free website check").

Keep visual continuity (same background, fonts, positions) so swiping feels smooth. On LinkedIn, upload carousels as a PDF document.

Stories and Status

• Vertical, full-screen, short-lived: perfect for daily updates, polls, countdowns, behind the scenes, new stock.
• Keep key text in the safe zone (away from top and bottom edges).
• Use stickers (polls, links, questions) on Instagram; on WhatsApp Status, include the phone number or a clear "Reply to order".
• Series of 3–5 frames telling a mini story work well.

YouTube thumbnails

• 1280×720 px; readable at tiny sizes.
• A clear face with emotion or a striking object; high contrast; 2–5 large words (not the full title).
• Consistent style across a channel for recognition.
• Avoid misleading thumbnails (clickbait damages trust and may break platform rules).

Templates and a consistent feed

For each client, build a template system in Canva (or Figma):

• Brand Kit: logo, colours, fonts.
• 6–10 templates: promo, event, quote/tip, testimonial, product, announcement, carousel, story.
• Rules: logo placement, margins, photo style, text sizes.

Consistency makes a brand recognisable in the feed and makes your work faster: each new post takes minutes instead of hours.

Accessibility

• Add alt text to images on platforms that support it (Instagram, Facebook, LinkedIn, X).
• Captions/subtitles on videos.
• Sufficient contrast, readable font sizes, not too much text.
• Don't rely on colour alone (e.g. "green = available" without words).
• Avoid flashing effects.

Working with clients

1. Agree a content calendar monthly (topics, dates, formats) with the client or social media manager.
2. Collect assets: photos, prices, offers, event details.
3. Batch design the month's posts in one or two sessions using templates.
4. Share for approval via Canva comment links or a shared folder; agree how many revision rounds are included.
5. Export with clear names: 2026-10-03_grace-bakery_promo_IG.png.
6. Pricing: per design, per pack (e.g. 12 posts/month), or included in a social media management retainer (see the Make Money Online lesson).

Measure and improve

Look at insights (or ask the client) monthly:

• Which designs got the most reach, saves, shares, profile visits and messages?
• Do photos of real people outperform graphics? Do carousels get more saves?
• Which colours/layouts drew clicks to WhatsApp?

Keep what works, test new layouts, and refresh templates every few months to avoid fatigue.

Summary

• Know sizes and safe zones for posts, stories, thumbnails and covers; preview on a phone.
• Design for fast scrolling on small screens: one focal point, big short text, strong contrast.
• Use layout formulas for promos, events, tips and announcements; put details in captions.
• Carousels teach and get saves; stories/Status suit daily updates; thumbnails need faces, contrast and few words.
• Build template systems for consistency and speed, add alt text and captions, work with calendars and approvals, and improve using performance data.