/impeccable quieter
Quieter
Приглушите дизайны, которые кричат, без потери их замысла.
Когда использовать
/impeccable quieter — это противовес /impeccable bolder. Обращайтесь к нему, когда интерфейс визуально агрессивен, перегружен стимулами или пытается делать слишком много на полной громкости. Неон на тёмном, градиентный текст повсюду, 6 акцентных цветов, всё анимировано, 20px тени. Используйте quieter, когда дизайну нужно вдохнуть, и вы хотите утончённость без потери точки зрения.
Также полезно после того, как /impeccable bolder зашёл немного слишком далеко.
Как это работает
Навык работает через сокращение по четырём осям:
- Цвет: десатурация, снижение насыщенности в OKLCH, возврат акцентов к одному основному плюс приглушённая поддержка. Не более двух осознанных цветов.
- Контраст: смягчение крайних тёмных и светлых, сужение диапазона. Фоны переходят от чистого белого и чистого чёрного к paper и ink.
- Декорация: удаление теней, которые не работают, рамок, не несущих структуры, градиентов, существующих для энергии, а не иерархии.
- Анимация и эффекты: замедление анимаций, удаление всего, что проигрывается автоматически, отказ от параллакса и размытия, если они не служат читаемости.
Навык сохраняет замысел дизайна. Если в оригинале была точка зрения, то более тихая версия имеет ту же точку зрения с большей уверенностью. Уточнение, а не нейтрализация.
Попробуйте
/impeccable quieter the pricing page
Типичный diff:
- Градиентный текст на цене удалён, заменён сплошным ink на один вес тяжелее
- Три акцентных цвета сокращены до одного (magenta), остальные два стали нейтральными вариантами
- Тени карточек уменьшены с
0 20px 40px rgba(0,0,0,0.2)до0 1px 0 var(--color-mist)(волосковая линия) - Фон переключен с тёмного градиента на paper с лёгкой cream-заливкой сверху
- Hero-анимация с 1.2s easeOut и 3 staggered-элементами заменена на один fade-in 260ms
Подводные камни
- Чрезмерное применение. Quieter может лишить индивидуальности, если запустить на том, что уже было сдержанным. Используйте, когда дизайн слишком громкий, а не когда он правильно уверенный.
- Путаница quieter с distill. Quieter снижает интенсивность. Distill удаляет элементы. Это разные операции.
- Запуск в ответ на critique, который говорит «слишком перегружено». Перегруженность обычно означает слишком много элементов, а не слишком громко. Сначала попробуйте
/impeccable distill.