1.1 First Principles
8 lessons in this module.
Your Eye Has a Path
Guide attention with clear entry points and scan lines.
Proximity = Relationship
Use distance to show what belongs together fast.
Contrast Creates Hierarchy
Use size, weight, and tone to rank attention.
Alignment Creates Order
Use shared lines and grids to make layouts feel intentional.
Repetition Creates Consistency
Repeat key patterns so users learn your interface faster.
Whitespace Is Not Empty
Use empty space as structure, not leftovers.
Color Communicates Before Text
Use color meaning and contrast to guide decisions quickly.
Typography Has A Scale
Use a small type system to keep pages readable and ordered.