Module 07BeginnerWeeks 3–4

Introduction to Branding

Learning outcomes

Understand how individual design pieces form a cohesive brand identity

Core concepts

Brand guidelinesConsistency across touchpointsMood boards

Lessons

Weeks 3–4 · Level 2: Beginner

Module goal

Understand how individual design pieces connect into a cohesive brand system, and complete the Beginner-level capstone — closing out Level 2.

Lesson 1A logo is not a brand

Module 6 focused on the logo — a single important piece. A brand is much larger: the complete, consistent visual and tonal system a business presents across every touchpoint a customer encounters — social posts, business cards, packaging, signage, even the tone of written communication.

The face vs. the person

A logo is like a person's face — recognisable and important, but not the whole person. Branding is the complete presence: how someone dresses, speaks and carries themselves consistently, every time, in every context. A business with a great logo but wildly inconsistent colours, fonts and tone doesn't have a brand yet — it has a logo.

Lesson 2What makes a brand feel consistent

Consistency comes from deliberately reusing the same core visual decisions everywhere — Module 1's repetition principle applied at the scale of an entire business rather than a single design.

Logo — and its correct usage
Colour palette — the same specific colours, not just “similar” ones, everywhere (Module 2)
Typography — the same font pairing across all materials (Module 3)
Tone / voice — how written text sounds: formal vs. casual, playful vs. serious

“The same colours” is literal

Exact colour values — specific hex codes — matter enormously in branding. “A blue that's close enough” produces a subtly inconsistent, less professional brand over time, even when no single piece looks wrong in isolation.

Lesson 3What a brand style guide contains

A brand style guide is the reference document defining exactly how a brand's visual identity should be used — ensuring consistency even when different people, at different times, create different materials for the same business.

Section	What it must specify
Logo usage	Correct logo file(s), minimum usable size (Module 6 scalability), and required clear space around it
Colour palette	Exact values — hex codes, not just visual swatches
Typography	Which typefaces for headings vs. body text, and in what weights
Do's and don'ts	Brief, direct correct vs. incorrect examples — “don't stretch the logo”, “don't place it on a low-contrast background”

Its real purpose

A style guide is what lets someone else — a freelancer, an employee, a print shop — recreate the brand correctly without asking the original designer for every detail. That's the professional discipline of branding: making consistency possible without you in the room.

Lesson 4Mood boards as a planning tool

A mood board is a curated collection of visual references — colours, images, textures, fonts — gathered before design work begins, used to establish and communicate a brand's intended direction and feeling.

Not a formality

Building a quick mood board forces early, deliberate decisions about mood and direction — calm vs. energetic, luxury vs. approachable — before time is invested in logo or layout work. It's also a client communication tool: agreeing direction early prevents a far more painful revision later, after a full design has been built in the wrong direction. This previews Module 10's client-brief lessons.

Guided labs

Design it yourself

Lab — build a one-page brand style guide

1.In Figma, create a single frame representing a one-page brand style guide
2.Include the finalised logo from Module 6, with a note on its minimum usable size
3.Include the exact colour palette with hex codes clearly labelled next to each swatch
4.Include the typography pairing, labelled by heading vs. body usage
5.Include at least two do's/don'ts examples — e.g. the logo correctly placed vs. stretched or on a poor-contrast background

Teaching point

Success criteria: a single, clear, well-organised page containing all four required elements with exact, specific values (hex codes, not just swatches) — showing you understand that a style guide's value comes from precision and clarity, not just presentation.

Beginner Capstone — Mini Brand Identity Kit

1.Build a complete Mini Brand Identity Kit for a fictional business, using Figma components for consistency
2.A finalised logo (refined from Module 6, or a new concept) built and saved as a Figma component — not a static image
3.A deliberate, justified colour palette with exact hex codes (Module 2)
4.A typography pairing with clear heading/body usage (Module 3)
5.A one-page brand style guide pulling all of the above together, including logo usage guidance and at least one do/don't example

Teaching point

This project deliberately reuses and consolidates work across three modules rather than starting from a blank page — mirroring how real branding projects are built: incrementally, each piece informing the next. Success criteria: the kit presents as a cohesive, unified identity — the same exact colours and fonts across logo, palette display and style guide — and you can walk through it explaining the reasoning behind each major decision (logo type, colour scheme logic, font pairing logic), showing integrated understanding across Modules 5–7 rather than four disconnected pieces.

Success criteria

You can distinguish a logo from a brand, list what a style guide must define, and you have produced a precise one-page guide plus a cohesive Mini Brand Identity Kit built with components.

Knowledge Check

Multiple choice • instant feedback

Question 1 of 6

What's the difference between a logo and a brand?

What you read

Study material

What a brand style guide contains (logo usage, colors, fonts, tone)
Why consistency builds trust and recognition

What you understand

Key takeaways

— Branding is a system, not a single design — every touchpoint should feel connected

Hands-on lab

Try it yourself

Lab tasks

1.Build a simple one-page brand style guide for the logo designed in Module 6

Knowledge check

Identify what belongs in a brand style guide

Write your answers in your own notes before moving on — explaining a concept in your own words is the fastest way to find the gaps.

Beginner capstone

Mini Brand Identity Kit

Design a mini brand identity kit: logo, color palette, typography pairing and a one-page style guide for a fictional business — using Figma components for consistency.