Browse commands

/impeccable quieter

Quieter

Приглушите дизайны, которые кричат, без потери их замысла.

Когда использовать

/impeccable quieter — это противовес /impeccable bolder. Обращайтесь к нему, когда интерфейс визуально агрессивен, перегружен стимулами или пытается делать слишком много на полной громкости. Неон на тёмном, градиентный текст повсюду, 6 акцентных цветов, всё анимировано, 20px тени. Используйте quieter, когда дизайну нужно вдохнуть, и вы хотите утончённость без потери точки зрения.

Также полезно после того, как /impeccable bolder зашёл немного слишком далеко.

Как это работает

Навык работает через сокращение по четырём осям:

  1. Цвет: десатурация, снижение насыщенности в OKLCH, возврат акцентов к одному основному плюс приглушённая поддержка. Не более двух осознанных цветов.
  2. Контраст: смягчение крайних тёмных и светлых, сужение диапазона. Фоны переходят от чистого белого и чистого чёрного к paper и ink.
  3. Декорация: удаление теней, которые не работают, рамок, не несущих структуры, градиентов, существующих для энергии, а не иерархии.
  4. Анимация и эффекты: замедление анимаций, удаление всего, что проигрывается автоматически, отказ от параллакса и размытия, если они не служат читаемости.

Навык сохраняет замысел дизайна. Если в оригинале была точка зрения, то более тихая версия имеет ту же точку зрения с большей уверенностью. Уточнение, а не нейтрализация.

Попробуйте

/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.