normalize

To fix UI design drift, you audit and realign components to adhere to design system tokens, spacing, and patterns. This process replaces hard-coded values with tokens to ensure consistency across pages and routes.

Design token normalization is the process of auditing UI components to replace mismatched, one-off styles with defined design system tokens. It corrects typography and spacing drift to restore visual consistency.

You replace hard-coded spacing values by conducting a UI audit to identify drift, then applying token-driven normalization. This ensures all components use design system primitives instead of custom, one-off styles.

Yes, normalizing UI spacing and typography requires access to design system documentation and token definitions. This context is necessary to accurately identify drift and apply the correct design tokens.

You should run a UI audit for design system consistency when you notice mismatched styles, typography drift, or spacing inconsistencies across features. It brings out-of-sync components back in line with established guidelines.

The best way to audit a feature for design system alignment is to use a context gathering protocol to review pages and components. This identifies hard-coded values and realigns them with established design tokens and patterns.