What are Design Tokens and why do you need to know about them?
Name colour, typography and spacing semantically and distinguish primitives from component roles. Check all usages and background variants after changes.
Putting visual design and experience into practice
Visual hierarchy should match information priority. Typography, imagery and spacing determine what visitors notice first and how they understand the next information.
Checking the result
Compare home and detail pages at the same scale, including long headings, real imagery and mobile order. Connect observations to concrete areas and tasks.
