Self taught design

One home for every lesson.

Open lessons, references, exercises, and records from one generated index. Add a file, rebuild this page, and it appears here.

8lessons
2references
3exercises
9records

Project docs

Mission, notes, and source material.

3 files

Lessons

Main teaching pages in sequence.

8 files
HTML 0002

CRAP Drill: Make It Stick

lessons/0002-crap-drill.html

Mode 1: Cold RecallMode 2: Identify the PrincipleMode 3: Spot the ViolationMode 4: Apply to a Holistics ScenarioSelf-Grade & Next Step
HTML 0003

Visual Hierarchy: Steering the Eye

lessons/0003-visual-hierarchy.html

The Five ToolsThe Focal Point RuleHow Readers Actually ScanWorked Example: A Semantic-Layer DiagramPractice
HTML 0004

Typography Fundamentals

lessons/0004-typography-fundamentals.html

Typeface vs FontSerif vs Sans-SerifX-heightLeading (Line-height)Measure (Line Length)Tracking (Letter-spacing)
HTML 0005

Colour Fundamentals

lessons/0005-colour-fundamentals.html

Demo: Why Colour MattersThe Three Properties: HSLThe Neutral Scale: Your WorkhorseAccent + Semantic ColoursData Visualisation PalettesThe Four Sins
HTML 0008

AI as Scaffolding, Not Ghostwriter

lessons/0008-anti-ai-writing.html

The PrincipleWhy Over-Reliance Is ImpoliteDemo: Same Slack Message, Two ProcessesThe Right WorkflowThe Pen TestThe Eight Tells (as Workflow Diagnostics)

Reference

Reusable glossary and flashcard pages.

2 files
HTML

Design Glossary

reference/glossary.html

Core PrinciplesLayout & SpaceTypographyColorPracticeMessage & Communication

Exercises

Practice work and critique inputs.

3 files
Markdown 0002

Question

exercises/0002-superset-vs-holistics-punchline.md

Learning records

Progress notes and recurring blind spots.

9 files