quieter

Reduce color saturation to 70-85%, lower font weights, increase whitespace, remove decorative gradients and shadows, and soften animations. The quieter skill systematically addresses each of these dimensions while preserving hierarchy and usability.

Shift to muted, sophisticated tones rather than removing color entirely. Use tinted grays instead of pure gray, let neutrals dominate with color as a 10% accent, and reserve high contrast only for the most important elements.

No, when done correctly. Hierarchy should shift from color and boldness to subtler signals like weight, size, and spacing. The skill explicitly warns against making everything the same size or removing all personality.

Remove decorative animations that serve no functional purpose and soften the rest: shorter travel distances of 10-20px, ease-out-quart easing, and no bounce or elastic effects. Keep motion that provides genuine feedback.

Avoid it when the context genuinely demands energy, such as youth marketing or high-energy campaigns. The skill instructs assessing purpose and audience first, since some contexts legitimately need visual intensity.