Hierarchy is the order of attention. Size, weight, contrast, position and space should agree about what comes first.
Read this before teaching
Brand Foundations
Graphic design is controlled communication: every visual relationship should help a named audience receive a particular message in a deliberate order.
Pacing decision: three full 70-minute classes: establish a brand system, build the launch piece, then test and transfer it to a second format.
Your ten-minute pre-read
The expert frame
Proximity creates meaning by grouping related information; alignment creates invisible structure across the composition.
A brand is a repeatable system of decisions, not merely a logo. Palette, type, imagery, tone and mark must behave consistently.
Contrast is both expressive and functional. Body text should meet the 4.5:1 target; large text can meet 3:1, but ratios do not replace visual judgement.
The five-second test measures received communication before the designer explains their intention. A mismatch is evidence for revision, not failure.
Questions students may ask
| Can I use more fonts or colours? | Only if each addition has a distinct communication job. Week 1 rewards control and repeatability, not decoration. |
|---|---|
| Is the logo the brand? | No. The mark identifies; the brand system creates a consistent experience and expectation. |
| Why test for only five seconds? | A launch graphic must establish its message and reading order quickly. The test exposes hierarchy without an explanation biasing the viewer. |
Your through-line: Return every answer to mechanism → visible or sourced evidence → consequence. Students should hear you explain why a decision works, not only where a control is located.
Assignment map
What the product actually requires
Choose a client, identify audience and message, repair the weak-flyer principles, then complete the palette and type hierarchy on the style tile.
Create the 1080 × 1080 launch graphic with an editable image, clear hierarchy, restrained mark and consistent brand system.
Run a silent five-second audience test, revise the clearest mismatch, confirm sRGB/size and submit the rationale plus process evidence.
Pathways that add real complexity
Use the supplied grid, recommended type pairing and accessible palette to create the complete style tile and launch graphic.
Create an original wordmark, palette and layout, then adapt the launch graphic to A4 without losing hierarchy.
Reposition the same brand for a second audience or campaign moment and justify what remains consistent and what changes.
Assessment boundary: F-P-CT11-4-4 | Brand Launch Tile is recommended as formative or revision-eligible. Confirm achievement by inspecting the required evidence; the website checklist and quiz never assign mastery.
Before the week
- Download and open the student ZIP; never discover a missing file while students are watching.
- Preview external links under school policy. The core lesson remains usable without them.
- Open each slide deck and press N for speaker notes; use F for full screen.
- Choose the submission location for editable files and evidence screenshots.
- Model the common error deliberately, then repair it. That is what makes the explanation memorable.
Video cue sheet
| Clip | Length | Stop cue | Viewing question |
|---|---|---|---|
| Four artists use the same images | 13:09; teacher-selected hook | Preview and show one comparison only | How can identical assets communicate different ideas? |
| Canvas, tools and panels | 1:00 excerpt | Stop at 2:13 | Name one part of the workspace and explain what job it controls. |
| Make your first layer mask | 4 min | Use the complete four-minute tutorial | Why can a mask be repaired while erased pixels cannot? |
| Idea and reference | 0:32 excerpt | Stop at 0:48 | Which decisions happened before the editing began? |
Day 10–8 · HOOK 8–20 · EXPERT EXPLANATION 20–35 · MODEL 35–60 · GUIDED WORK 60–67 · CHECKPOINT 67–70 · EXIT If you see: If you see: If you see:
Establish the brand system
Say this to launch:
“Today’s puzzle is How can visual decisions make one message recognizable before a logo is explained? Before we name tools or concepts, commit to one observation and the evidence that made you notice it.”
“Today’s puzzle is How can visual decisions make one message recognizable before a logo is explained? Before we name tools or concepts, commit to one observation and the evidence that made you notice it.”
Run a five-second gallery test, then repair the weak flyer without changing a single word.
A brand is a repeatable communication system. Hierarchy orders attention; alignment and proximity create relationships; palette and typography establish a consistent voice.
Demonstrate the first three actions. After each one, point to the visible result and explain why the choice matters.
Release students into the remaining steps. Pause once for a partner evidence check.
Annotated brief, two thumbnails and an editable style tile are complete; every colour and type role can be explained using the audience.
Which decision is doing the most communication work, and what evidence supports that claim?
Board plan
Question: How can visual decisions make one message recognizable before a logo is explained?
Key language: Client brief, audience, hierarchy, alignment, proximity, contrast, accessible colour, type roles, repetition and wordmark construction.
Mechanism: A brand is a repeatable communication system. Hierarchy orders attention; alignment and proximity create relationships; palette and typography establish a consistent voice.
Evidence due: Annotated brief, two thumbnails and an editable style tile are complete; every colour and type role can be explained using the audience.
Misconceptions to intercept
Choosing only by favourite image
Say / do:Name the audience need first
Drawing decoration instead of hierarchy
Say / do:Use only rectangles and labels
Changing the copy
Say / do:Keep every word and change relationships only
Cold-call question: Which decision is doing the most communication work, and what evidence supports that claim?
Listen for: a specific mechanism or design decision, evidence from the work, and a reason—not merely a description.
Listen for: a specific mechanism or design decision, evidence from the work, and a reason—not merely a description.
Day 20–8 · HOOK 8–20 · EXPERT EXPLANATION 20–35 · MODEL 35–60 · GUIDED WORK 60–67 · CHECKPOINT 67–70 · EXIT If you see: If you see: If you see:
Build the launch graphic
Say this to launch:
“Today’s puzzle is How can photograph and type share one reading path? Before we name tools or concepts, commit to one observation and the evidence that made you notice it.”
“Today’s puzzle is How can photograph and type share one reading path? Before we name tools or concepts, commit to one observation and the evidence that made you notice it.”
Compare readable and unreadable text-over-image examples; locate the value conflict and busiest region.
The image creates subject and mood while type supplies precise meaning. Crop and tonal control reserve space so both systems can perform their jobs.
Demonstrate the first three actions. After each one, point to the visible result and explain why the choice matters.
Release students into the remaining steps. Pause once for a partner evidence check.
A peer can identify the headline, key detail and action in five seconds; all image, type and mark roles remain editable.
What did you change in the photograph so the words could do their job?
Board plan
Question: How can photograph and type share one reading path?
Key language: 1080 square setup, Place Embedded, Smart Objects, crop, subject position, masks, clipped Curves, safe area, type hierarchy and mark placement.
Mechanism: The image creates subject and mood while type supplies precise meaning. Crop and tonal control reserve space so both systems can perform their jobs.
Evidence due: A peer can identify the headline, key detail and action in five seconds; all image, type and mark roles remain editable.
Misconceptions to intercept
Designing inside the style tile
Say / do:Create a separate launch document
Covering the busiest detail with text
Say / do:Move or crop the image before adding boxes
Darkening everything
Say / do:Clip and mask the adjustment
Cold-call question: What did you change in the photograph so the words could do their job?
Listen for: a specific mechanism or design decision, evidence from the work, and a reason—not merely a description.
Listen for: a specific mechanism or design decision, evidence from the work, and a reason—not merely a description.
Day 30–8 · HOOK 8–20 · EXPERT EXPLANATION 20–35 · MODEL 35–60 · GUIDED WORK 60–67 · CHECKPOINT 67–70 · EXIT If you see: If you see: If you see:
Test, transfer and deliver
Say this to launch:
“Today’s puzzle is Does the system survive a new format and a real audience test? Before we name tools or concepts, commit to one observation and the evidence that made you notice it.”
“Today’s puzzle is Does the system survive a new format and a real audience test? Before we name tools or concepts, commit to one observation and the evidence that made you notice it.”
Conduct a silent five-second test before any designer explains the work.
A brand system proves itself through transfer. Some spatial decisions must change with format, while palette, type roles, tone and identity remain recognizably consistent.
Demonstrate the first three actions. After each one, point to the visible result and explain why the choice matters.
Release students into the remaining steps. Pause once for a partner evidence check.
Style tile, square launch piece, adaptation, audience-test evidence, before/after revision, source log and rationale are complete.
What changed between formats, what stayed consistent and why?
Board plan
Question: Does the system survive a new format and a real audience test?
Key language: Audience evidence, targeted revision, consistency audit, A4 adaptation, alternate-audience transfer, source logging, export specifications and rationale.
Mechanism: A brand system proves itself through transfer. Some spatial decisions must change with format, while palette, type roles, tone and identity remain recognizably consistent.
Evidence due: Style tile, square launch piece, adaptation, audience-test evidence, before/after revision, source log and rationale are complete.
Misconceptions to intercept
Explaining before testing
Say / do:Show silently, then record exact responses
Redesigning everything after one opinion
Say / do:Repair the clearest repeated mismatch
Stretching the square design
Say / do:Recompose for the new format
Cold-call question: What changed between formats, what stayed consistent and why?
Listen for: a specific mechanism or design decision, evidence from the work, and a reason—not merely a description.
Listen for: a specific mechanism or design decision, evidence from the work, and a reason—not merely a description.
Evidence and feedback
1. Annotated client brief and two composition thumbnails
2. Editable style tile with palette, type roles and original wordmark
3. Layered 1080 x 1080 launch graphic
4. A4 or alternate-audience adaptation
5. Five-second audience-test evidence and before/after revision
6. Source log and four-sentence design rationale
Use the rubric to name the strongest demonstrated criterion and one high-value revision. Ask the student to show or explain the decision before confirming achievement.