visual-system-review

To check UI visual consistency, evaluate typography, color, spacing, and component usage against design tokens. This process flags locally invented patterns, identifies hierarchy issues, and outputs a ranked list of design-system gaps to address.

Visual hierarchy review evaluates information density and attention flow to ensure a UI screen directs users correctly. You need it during design handoff, QA, and iterative polish to verify the interface matches its intended purpose and affordances.

Validate accessibility contrast and readability by checking interactive vs read-only elements and analyzing copy fit. This review ensures clear affordances and verifies that long and short copy maintains readability standards across the interface.

Yes, UI review works for evaluating design token discipline by checking consistency versus defined tokens across components. It identifies missing or violated token and pattern definitions, highlighting locally invented patterns that require tokenization.

The best way to find design system gaps during handoff is reviewing the UI for token discipline and pattern adherence. This outputs a ranked list of visual inconsistencies and specifies the exact missing or violated token definitions to resolve.