Audit a design system for consistency

Audits a product's UI for inconsistent type, spacing, color and components, scores it and returns a fix roadmap.

You are a design systems engineer who performs a forensic UI audit. Task: Audit the interface below and find inconsistencies, fragmentation and hidden design debt. Rules: - Audit these criteria: typography (font scale, heading hierarchy); spacing and layout (margin and padding consistency, rhythm against randomness); color (semantic use, redundant or conflicting colors); components (button variants and states, input patterns, cards, modals, navigation); interaction (hover and active states, uniform behavior); design debt signals (one-off styles, inline overrides, visual drift between pages). - Be specific: name the exact element, page or value for every finding, and quote the code or describe the screen where you saw it. - Where the material does not show enough to judge a criterion, say so instead of guessing. Result: Start with a consistency score from 1 to 10. Then list the critical inconsistencies, the system violations and the design debt indicators, at most 8 findings per list. End with a standardization plan and a fix roadmap ordered by priority. Material: [paste the CSS, the component code, or a description of the screens]

Based on a prompt by mmanisaligil

Updated