Color has three dimensions
Hue · Saturation · Value
Move one slider at a time — each dimension changes the color independently.
RGB vs CMYK
Additive light · subtractive ink
Starts black. Adding all channels → white. This is your screen.
Starts white (the paper). Adding all inks → near black. This is your printed board.
The color wheel & harmonies
Primary · secondary · tertiary · warm/cool
Pick a scheme — then click any hue to set the base color.
Value does the work
Squint test · greyscale toggle
Both look fine in color. Now drop the hue — which one still reads?
Type guides the eye
Hierarchy · flatten toggle
And you will read this last
You will read this first
And then you will read this
Then this one
Top band is read last, middle first — size and contrast decide, not position.
The readability rules
Size · weight · leading · measure · tracking · contrast
Typography is what language looks like. The same words can invite you in or push you away, depending only on how the type is set. Spacing, line length, and rhythm do the quiet work of making a paragraph easy — or tiring — to read.
Fix a page
Align → hierarchy → white space → color
Stage 0 — messy: misaligned, no focal point, clashing color, crammed to the edges. Press fix.
Scroll horizontally → — a handscroll is read a span at a time, never all at once. The emptiness sets the pace.