What problem does it solve? Interfaces accumulate emphasis over time — too many colored buttons, badges, bold text, and animations — until nothing stands out and users stop noticing genuinely important elements. This Skill provides rules and budgets for spending emphasis deliberately so each highlighted element actually registers. ## Core Features & Use Cases - Emphasis budgets per surface: Concrete limits such as one primary action per region, one or two brand-color instances, and zero or one destructive-color instance per screen. - Dilution diagnostics: Explains how color, status, size, and motion emphasis lose meaning when overused, with before/after HTML examples like economizing a noisy toolbar. - Anti-pattern catalog and heuristics: Covers promotional creep, brand-color CTA inflation, and animation inflation, plus tests like counting highlights and the cover-the-emphasis check. - Use Case: When a pricing page highlights three tiers as "popular" and every toolbar button is a filled primary button, apply this Skill to demote secondary actions to ghost styles and reserve the featured treatment for a single tier. ## Quick Start Review this screen and tell me which emphasized elements to demote so only one primary action and one highlight remain.
