8. Existing Design Analysis

8.2 Visual audit

Existing Design Analysis · Section 8.2

Take screenshots of representative product screens.

Group them by category:

Buttons
Inputs
Navigation
Cards
Tables
Modals
Alerts
Typography
Colors
Spacing
Forms
Empty states
Loading states

Then identify variation.

Example:

Button audit

Blue #0066FF  radius 4   height 36
Blue #005EEB  radius 6   height 40
Blue #126BFF  radius 8   height 40
Blue #0066FF  radius 8   height 44

The point is not immediately to decide which one is correct.

The first objective is to expose accidental inconsistency.

8.1 Understand the existing design process

Existing Design Analysis · Section 8.1

8.3 Identify design elements

Existing Design Analysis · Section 8.3