What problem does it solve? Designs that are too bold, saturated, or visually aggressive can overwhelm users and undermine readability. This Skill systematically tones down overstimulating interfaces while preserving hierarchy, personality, and functional clarity. ## Core Features & Use Cases - Intensity Assessment: Identifies sources of visual overload including color saturation, contrast extremes, heavy visual weight, excessive animation, and decorative complexity. - Systematic Refinement: Applies targeted adjustments across color (desaturation, tinted grays, 10% accent rule), typography (reduced weights and sizes), spacing, borders, and motion (gentler easing, shorter distances). - Quality Verification: Checks that the refined design remains functional, distinctive, readable, and sophisticated rather than generic or boring. - Use Case: A landing page uses fully saturated colors, 900-weight fonts, dramatic shadows, and bouncing animations. Use this Skill to shift to muted tones, lighter weights, subtle micro-interactions, and increased white space while keeping the core message intact. ## Quick Start Ask the assistant to make the current page or component design quieter and less visually aggressive while keeping it refined and usable.
