The parts, and what happens when you move them.

Illustrated teaching pages. Each one takes a single visual question, makes it visible with an original example, changes one variable at a time, and says what the change is good for.

01 Six ways to set the same notice One short notice, seven lines, identical words. Scale, contrast, placement and spacing applied one at a time, then together — with the reading order drawn on top. 9 min
02 Five shapes, four arrangements The parts stay the same. Move them, and the page changes what it is claiming. A controlled demonstration of the difference between elements and relationships. 7 min
03 The unity dial Twenty marks, one grid, five settings running from complete sameness to complete difference. Each setting is right for a different job, including the two at the ends. 12 min

The editorial backlog

Topics commissioned but not yet published. They are listed here, not in the navigation, so the site never shows an empty lesson.

Line · Shape · Space · Value · Colour · Texture · Balance · Contrast · Scale · Rhythm · Movement · Proximity and grouping · Reading order in interfaces · Density and cognitive load

Naming follows one model throughout: elements are the primitives, relationships are the arrangements, principles are families of techniques, and meaning is what the arrangement produces.