Visual Design

4 Principles

1. Contrast — make important things stand out
2. Repetition — create consistency
3. Alignment — visual connections
4. Proximity — group related elements

Typography

• 2-3 fonts max
• Line height 1.5-1.75 for body
• 50-75 characters per line

Colour

• Primary: brand colour
• Neutral: greys for text
• Semantic: green=success, red=error
• Contrast ratio: min 4.5:1 (WCAG AA)