EXPERIMENT

Learn by changing things.

Move a control. Change a relationship. Watch what happens. These small visual laboratories make abstract ideas visible.

Adjust. Observe. Repeat.

01 · VALUE

Build a value scale.

Change the endpoints and number of steps. Notice how much separation is needed before adjacent values feel distinct.

9 STEPS

Steps 9 Dark end 5% Light end 98%

02 · COLOR

Hue, saturation, and lightness describe different dimensions of color. Change them independently and watch the result.

HSL 260 · 65% · 53%

Hue 260° Saturation 65% Lightness 53%

03 · COMPOSITION

Position alone changes balance and tension. Move the circle without changing its size, color, or shape.

Horizontal 72% Vertical 60%

04 · TYPOGRAPHY

Scale and spacing change the voice of the same words. Push the headline until the hierarchy becomes unmistakable.

Visual
language.

Scale creates hierarchy before a word is read.

Size 92px Spacing -5px Weight 700

05 · COLOR RELATIONSHIPS

Build a four-color palette. Compare its roles in text, interfaces, and composition, then see what changes when the surroundings change.