kb-design-system

To enforce design system consistency, you must eliminate hardcoded UI values by auditing screens against a token-first governance model. This requires colors, spacing, radii, and shadows to come only from the system, preventing theme-breaking inconsistencies.

The best way to audit UI for token usage is to review screens against a checklist for kit reuse and token discipline. This catches scale drift and prevents kit bypass, ensuring raw elements are not styled ad hoc instead of using existing components.

To check interface compliance with typography scale and the 60-30-10 color rule, audit the UI against core UX heuristics. This verifies readable typographic scaling and ensures color distribution follows the designated proportional system.

Yes, this design system governance approach supports multi-theme verification. It checks scale drift across mixed radii, spacing, and shadows, verifying coherence in every defined theme to prevent visual inconsistencies.

You should extend the component inventory when a required UI element is missing from the kit. This prevents kit bypass during implementation reviews, ensuring component-kit reuse is preferred over inline styling for ad hoc raw elements.

UX heuristics like Hick's, Fitts', and Miller's laws integrate into UI design reviews by acting as guardrails. Applying these laws supports better interface decisions and ensures the design satisfies core usability rules.