Learning Design Systems Course index

Reference 0011

Screen Audit Checklist

A compact checklist for auditing a product screen through design-system layers.

LayerCheck
TokensColors, type, spacing, radius, shadows match the system.
ComponentsKnown components are used before custom UI.
StatesLoading, empty, error, disabled, permission, and success states exist.
PatternsRepeated flows follow known patterns.
ContentLabels, buttons, helper text, and errors are specific and useful.
AccessibilityKeyboard, focus, contrast, names, and recovery paths work.

Classify fixes