Module 9Stage: Create90 min

Visual Content

Apply 3 basic design principles to a social graphic.

Jump to lesson:
01Design Fundamentals02Visual Hierarchy03Typography04Color05Creating Social Graphics
1
Lesson 1

Design Fundamentals

Objective

Apply 3 basic design principles to a social graphic.

Teach
Contrast (make the important thing stand out), alignment (line things up), and whitespace (don't fill every pixel) fix most amateur-looking designs.
Real-World Example
A quote graphic with too many fonts and no whitespace looks cluttered even with good content.
Common Mistake
Filling every inch of a graphic with text or elements, leaving nothing for the eye to rest on.
Practical Exercise

Redesign one existing graphic applying just whitespace and alignment.

Lesson Checkpoint

Three fundamentals that fix most amateur designs are

2
Lesson 2

Visual Hierarchy

Objective

Design so the eye lands on the most important element first.

Teach
Size, color and position tell the eye what to look at first, second, third. Without hierarchy, everything competes for attention and nothing wins.
Real-World Example
The headline should be the largest text on a quote card; supporting text should be visibly smaller.
Common Mistake
Making every text element the same size, so nothing is prioritized.
Practical Exercise

Sketch a simple hierarchy (what's read 1st, 2nd, 3rd) for your next graphic.

Lesson Checkpoint

Visual hierarchy is created mainly through

3
Lesson 3

Typography

Objective

Choose readable, consistent type for social graphics.

Teach
Use at most 2 fonts per design, prioritize readability at small sizes (most people view on a phone), and keep line length short.
Real-World Example
A decorative script font might look nice in a mockup but becomes unreadable on a 6-inch phone screen.
Common Mistake
Using more than 2–3 fonts, or a decorative font for body text.
Practical Exercise

Audit your last graphic — how many fonts did you use, and is body text readable at thumbnail size?

Lesson Checkpoint

A safe typography rule for social graphics is

4
Lesson 4

Color

Objective

Use a limited, consistent color palette.

Teach
2–3 brand colors used consistently build recognition over time; random color choices per post weaken brand memory.
Real-World Example
A brand that always pairs its logo color with one accent color becomes recognizable even without the logo showing.
Common Mistake
Changing the color palette post to post based on "what looks nice today."
Practical Exercise

Define your 2–3 brand colors and check your last 5 posts for consistency.

Lesson Checkpoint

A consistent color palette mainly helps with

5
Lesson 5

Creating Social Graphics

Objective

Assemble a simple, on-brand graphic using the four principles above.

Teach
Start with the one message, choose hierarchy, apply your 2 fonts and 2–3 colors, and leave whitespace — in that order.
Real-World Example
A single-message quote card is more shareable than a graphic trying to communicate five points at once.
Common Mistake
Trying to fit too many messages into one graphic instead of splitting into a carousel.
Practical Exercise

Design one graphic (by hand or tool) following the four-step process above.

Lesson Checkpoint

A single graphic should generally communicate

Module Template

**Visual Content Checklist** — see Templates Library.

Deepen Your Knowledge
  • •Canva Design School (free)
  • •Nielsen Norman Group — visual hierarchy principles
Module Checkpoint Assessment

Test Your Mastery of Module 9

5 questions · 70% passing threshold required

PreviousMod 8: Storytelling
Next ModuleMod 10: Short-Form Video