normalize

To replace hard-coded values with design tokens, run a normalization pass that validates typography, color, and spacing against your design system. This process identifies custom values and applies the correct tokens to enforce consistent UI patterns across your feature.

Design system normalization is the process of aligning features to enforce consistent UI patterns. You need it when a feature shows inconsistent typography and color usage, causing visual drift and increased cognitive load for users across different routes or pages.

To fix visual drift and inconsistent UI patterns, perform a normalization pass to align the target feature with your design system tokens. This validates and applies correct typography, color, and component mappings to generate a cohesive UI.

Yes, you can use design normalization to identify and adopt design system components where possible. It maps and replaces custom implementations with standardized components to reduce drift and maintain consistency across your pages.

Yes, design token alignment works across typography, color, spacing, and components simultaneously. It validates and applies tokens across all these dimensions during a single normalization pass to reduce drift and ensure system consistency.