normalize

To fix design drift and inconsistent UI styling, audit and realign components to enforce design system standards. This process restores consistency by replacing mismatched styles with tokenized values, spacing grids, and approved component patterns across affected pages.

UI normalization is the process of auditing features to identify token mismatches and design drift. It enforces typography, color tokens, and spacing grids to realign components with the design system, ensuring end-to-end visual and structural consistency.

Audit UI components for token mismatches by running a normalization pass against the design system. Provide the target feature name to identify design drift and apply tokenized values, restoring accessibility and UI consistency.

Yes, you can use a normalization pass to enforce accessibility and typography standards. The audit realigns UI components by applying design-system-driven patterns, ensuring spacing grids and color tokens meet accessibility requirements across routes.

The best way to realign a feature to match the design system is to initiate an end-to-end normalization pass. This identifies inconsistencies and recommends or applies design-system components and tokenized values to restore UI consistency.

You should avoid UI normalization when components require custom, isolated styling outside the design system. Because normalization enforces tokenized values and spacing grids, applying it may override intentional design deviations or specialized component patterns.