Quieter

Коли використовувати

/impeccable quieter — це противага до /impeccable bolder. Зверніться до неї, коли інтерфейс візуально агресивний, перезбуджений або намагається робити забагато речей на повній гучності. Неон на темному, градієнтний текст всюди, 6 акцентних кольорів, все анімоване, тіні по 20px. Використовуйте quieter, коли дизайну потрібно дихати, і ви хочете вдосконалення без втрати точки зору.

Також корисно після того, як /impeccable bolder зайшов трохи занадто далеко.

Як це працює

Навичка працює через редукцію за чотирма осями:

1. Колір: десатурація, зниження хроми в OKLCH, повернення акцентів до одного основного плюс приглушена підтримка. Не більше двох навмисних кольорів.
2. Контраст: пом’якшення екстремальних темних та світлих, стиснення діапазону. Фони переходять від чистого білого та чистого чорного до паперу та чорнила.
3. Декорація: видалення тіней, які не працюють, скидання меж, які не несуть структури, відставка градієнтів, які існують заради енергії, а не ієрархії.
4. Рух та ефект: уповільнення анімацій, видалення всього, що відтворюється автоматично, скидання паралаксу та блюру, якщо вони не слугують читабельності.

Навичка зберігає намір дизайну. Якщо оригінал мав точку зору, тихіша версія має ту саму точку зору з більшою впевненістю. Вдосконалення, а не нейтралізація.

Спробуйте

/impeccable quieter the pricing page

Типовий diff:

• Градієнтний текст на ціні видалено, замінено суцільним чорнилом на одну вагу важче
• Три акцентні кольори зведено до одного (маджента), інші два стають нейтральними варіантами
• Тіні карток зменшено з 0 20px 40px rgba(0,0,0,0.2) до 0 1px 0 var(--color-mist) (волосина)
• Фон перемикається з темного градієнта на папір з тонким кремовим промиванням зверху
• Hero-анімація з 1.2s easeOut з 3 ступінчастими елементами до одного fade-in 260ms

Підводні камені

• Перезастосування. Quieter може позбавити особистості, якщо запустити його на чомусь, що вже було зваженим. Використовуйте його, коли дизайн занадто гучний, а не коли він правильно рішучий.
• Плутання quieter з distill. Quieter знижує інтенсивність. Distill видаляє елементи. Це різні дії.
• Запуск у відповідь на критику, що каже “занадто зайнято”. Зайнято зазвичай означає забагато речей, а не занадто гучно. Спробуйте спочатку /impeccable distill.