Skip to content
Study Hall
Lesson 2 of 7Social Media, Society and Professional Practice
Unit 4 · Lesson 2 of 7

Designing Social Content: Carousels, Thumbnails and Brand Kits

Turning one campaign into dozens of consistent assets: the asset list, the brand kit and templates that make every post recognizable, how to sequence a carousel and design a thumbnail that works at a tiny size, and the batch workflow that gets it all posted on time.

6 min read11 practice questionsAsk AI about this →

Key things to remember

  1. 1An asset matrix lists messages against formats; every cell is a file that must exist (or a deliberate decision not to make it).
  2. 2A brand kit holds the logo set, colour palette with roles and hex values, typography, image style, graphic elements and voice.
  3. 3Templates are built at native size with locked brand elements and editable content fields.
  4. 4Carousels: hook first, one idea per slide, consistent layout, a reason to swipe, and a call to action at the end.
  5. 5Thumbnails must read at small sizes: one focal point, three or four words, high contrast, honest content.
  6. 6Batch production plus consistent file naming, proofing and scheduling is how small teams post on time.

A campaign plan says what to tell people. The audience never sees the plan — they see a feed post on Tuesday, a story on Thursday, a carousel someone shares, a video thumbnail in a sidebar. A single four-week campaign can easily need thirty or forty separate images and clips across three platforms. Designing each of those from a blank canvas is slow, and worse, it produces thirty-odd posts that look like they came from different organizations. Professional social designers solve this by designing the system first — a brand kit and a set of templates — and then producing posts from it quickly and in batches.

From campaign to asset list

Start by turning the campaign into an asset matrix: the key messages down the side, the formats across the top, and one cell for every file that has to exist. It shows the real size of the job before anyone opens a design app, it reveals gaps (a message with no video, a platform with no posts), and it becomes the checklist the team works through. The example below is for a robotics club open house with three messages and four formats — twelve cells to decide on before anything is translated or resized.

MessageFeed post (4:5)Story (9:16)Carousel (4:5)Video thumbnail (16:9)
Save the dateDate, time, room, hero photoCountdown sticker version——
What you will buildSingle best robot photoShort clip of a robot movingFive slides: one project eachThumbnail for the build video
Meet the membersMember quote cardThree quick member clipsSix slides: one member eachThumbnail for the interview video
A dash is a deliberate decision not to make that asset, not an oversight. Twelve cells, ten assets.

Brand kits and templates

  • Logo set: the full logo, a compact mark for small spaces such as profile pictures, and one-colour versions for dark and light backgrounds — with a minimum size and a clear-space rule.
  • Colour palette: a small set of colours with exact hex values and assigned roles (primary, accent, background, text), plus the text-on-background pairs that pass contrast checks, so nobody has to test them again.
  • Typography: usually two typefaces — one for headlines, one for body text — and a fixed hierarchy of sizes, so a headline always looks like a headline.
  • Image style: how photos are shot and treated (bright and candid, or moody and posed), and whether illustration or icons are used.
  • Graphic elements: recurring shapes, frames, patterns or stickers that make a post recognizable even before the logo is read.
  • Voice and examples: a few lines on how captions sound, plus 'do' and 'don't' examples, because rules are easier to follow when you can see them broken.

A template is a finished layout at a platform's native size with the brand kit already applied. Some elements are locked — the logo position, the colour bar, the grid, the safe margins — and others are editable fields: the headline, the photo, the date. Templates do three jobs at once. They keep every post consistent, which is what builds recognition when people scroll past quickly. They make production fast, because the design decisions have already been made. And they let people who are not designers contribute without breaking the look, since the parts that matter cannot be moved.

Four aspect ratios, drawn to scale at the same height9:161080 × 1920VerticalReels, Shorts4:51080 × 1350Tall feed postmost feed space1:11080 × 1080Squaregrids, carousels16:91920 × 1080WidescreenYouTube, landscapeAll four are drawn the same height, so the widths compare honestly — 9:16 is the narrowest.Shoot the widest ratio you will need and crop down. You cannot crop outwards later.Keep faces and titles away from the edges — every app lays its own buttons over the frame.
Fig 1Build each template at the native frame size, with the interface safe zones marked so text and logos never land under the app's buttons.

Designing thumbnails

  • Design for the size it is actually seen at. A 1280 × 720 thumbnail is often shown only a few hundred pixels wide in a sidebar or on a phone. Shrink your design to about a quarter of its size and check it still reads.
  • One focal point. A face with a clear expression, or one strong object, beats a collage. The eye finds a face before anything else in a grid of options.
  • Three or four words at most, large and bold, adding to the title rather than repeating it.
  • High contrast, including against the platform's own background, so the thumbnail does not dissolve into a white or dark interface.
  • Keep the bottom-right corner clear, where many players overlay the video's duration.
  • It must be honest. A thumbnail promising something the video does not contain wins one click and loses the viewer's trust — and misleading thumbnails can breach platform rules.

Batch production and the posting workflow

  1. Plan every asset in the content calendar, using the asset matrix as the checklist.
  2. Produce in batches. Make all the member quote cards in one session from the same template, pulling names and quotes from a spreadsheet; many design tools can bulk-fill a template from a data file.
  3. Name files consistently, for example 2026-10-14_openhouse_story_v02.png, so the right version is always findable and sorts by date.
  4. Proof everything: spelling, dates, times, room numbers, links, tags, alt text, captions and contrast — ideally by someone who did not make it.
  5. Approve, then schedule the posts with a scheduling tool, so publishing does not depend on someone remembering at 7:30 a.m.
  6. Monitor and log. Watch the first hour after each post to answer comments, then record the results for the next campaign.
Design the system, then the posts
Time spent on the brand kit and templates is repaid on every single post that follows. The first carousel from a new template might take an hour; the tenth takes ten minutes, and it still looks like the first. That consistency is not boring to the audience — it is what lets them recognize your post in half a second of scrolling.

Worked examples

Reveal one step at a time and try to beat it to the next line.

Example 1
A campaign has 4 key messages. Each needs a feed post, a story and a carousel, in both English and French. How many assets is that, and how should the files be named?
Example 2
Plan a seven-slide carousel titled '5 mistakes rookie robotics teams make' for the club's account.
Example 3
A student's video thumbnail has four photos, a 12-word headline in thin white type, the logo in the bottom-right corner and a pale yellow background. Critique and redesign it.

Where marks get lost

  • Designing each post from scratch, so a campaign looks like it came from several different organizations.
  • Building templates at the wrong size and letting the platform crop them, cutting off text at the edges.
  • Opening a carousel with a logo or title card instead of a hook that gives people a reason to swipe.
  • Judging a thumbnail at full size on a laptop instead of at the small size it is actually seen.
  • Skipping the proofing step, so a wrong date or room number goes out on every asset in the batch.

Flashcards 9

Asset matrix
Brand kit
Template
Locked vs editable elements
+ 5 more

Practice

1
A campaign has 5 messages, each needing a feed post, a story and a thumbnail, in English only. How many assets is that? (Whole number.)
assets
2
A seamless carousel has 7 slides, each 1080 pixels wide. How wide, in pixels, must the original canvas be? (Whole number.)
px
3
Text on a 1280-pixel-wide thumbnail is 80 pixels tall. If the thumbnail is shown 320 pixels wide, how tall does the text appear, in pixels? (Whole number.)
px
4
What should the first slide of a carousel do?
5
Why are some template elements locked?
6
Which thumbnail design will read best at small sizes?
7
What is the name for the collection of logos, colours, typefaces and style rules that keeps an organization's designs consistent?
8
Which corner of a video thumbnail should be kept clear because players often cover it with the video's length?
9
Order the posting workflow.
  1. 1Monitor the first hour and log the results
  2. 2Approve and schedule the posts
  3. 3Proof spelling, dates, links and alt text
  4. 4Plan the assets in the content calendar
  5. 5Produce them in batches from templates
10
Match each brand kit item to what it controls.
Colour palette
Typography
Logo set
Image style
11
A video's thumbnail shows a dramatic crash that does not appear in the video. What is the main problem?

Spot a mistake on this page? Let us know