Commit 74f257

2026-05-25 21:27:44 lisa: SD C04 Mood Boards: turn video into guided pause-and-build; use Excalidraw in Obsidian Adds watch-and-build checkpoints anchored to the video's four boards, a Check Your Understanding (with corrected >| folded answers), and a class instruction to build in Excalidraw/Obsidian (see IT to install). Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

sd/C04/Mood Boards.md ..
@@ 27,9 27,9 @@
	---
-	## Watch: building one (10 min)
+	## Watch and build alongside (10 min)
-	**🎯 Watch for:** how the designer picks a *feeling* first, then chooses colours, type and images to match it — not the other way around.
+	Don't just watch — **build your own board as you go.** Copy the designer's *thinking*, not his tool. Watch for the **four boards** he creates (you'll make the same four), and notice he starts each by naming the *mood* — exactly like the StudyStreak example below.
	{{Video|src=https://www.youtube.com/watch?v=UsPKDV7ozfI}}
@@ 37,6 37,37 @@
	The video builds the board in Miro; you can use **Excalidraw, Canva, Obsidian, or even a Google Slide** instead — the thinking is the same.
+	> [!NOTE]
+	> **In this class, build your board with Excalidraw in Obsidian.** If it isn't installed on your machine, see IT to install the app.
+
+	### ⏸ Pause and build
+
+	Pause at each point and do the step for *your own* project before you resume:
+
+	| Pause at | Do this for your project |
+	|---|---|
+	| **0:58** | Answer the two prep questions: *what* app are you making, and on *what device*? Write them at the top of your canvas. |
+	| **1:00–4:00** | *Skip — this part is just a tour of Miro's buttons. Open Excalidraw in Obsidian instead.* |
+	| **5:00** | **Board 1 — Design Style:** collect 6–8 inspiration images and write 3–4 **mood adjectives**. (Gathering more than a couple lets you see the *differences* and choose deliberately.) |
+	| **5:58** | **Board 2 — Type:** pick **two fonts that pair** ([Google Fonts](https://fonts.google.com) is free). |
+	| **7:15** | **Colour palette:** build a primary + secondary + accent palette ([coolors.co](https://coolors.co) helps). |
+	| **8:10** | **Board 3 — Imagery:** add 3–4 images that fit your feeling (try [Unsplash](https://unsplash.com)). |
+	| **9:05** | **Board 4 — Interface patterns:** find 2–3 *real* UI examples of parts you'll need (e.g. a card, a button). |
+
+	### Check Your Understanding
+
+	1. The designer builds **four boards** — what are they?
+	>| ### Answer
+	>| Design Style · UI Style Guide (type + colour + icons) · Imagery & Graphics · Interface Patterns.
+
+	2. Why gather 6–8 styles *before* choosing one?
+	>| ### Answer
+	>| So you can see the differences and choose deliberately, instead of locking onto your first idea.
+
+	3. He insists on finding **real examples** of interface patterns. Why?
+	>| ### Answer
+	>| Real examples are proven — they show patterns that already work, which beats inventing one from scratch.
+
	---
	## Worked example — "StudyStreak"