Colorize

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

/impeccable colorize — це противага до “все сіре”. Дашборди, що читаються як бежева стіна, форми без акценту, контентні сторінки, які можуть бути будь-яким SaaS-продуктом. Зверніться до неї, коли інтерфейс функціональний, але емоційно плоский, і ви хочете теплоти без переходу в AI-палітру кольорів (фіолетовий-до-рожевого, неоновий блакитний, світіння в темному режимі).

Як це працює

Навичка починає з читання вашого фірмового кольору, якщо він існує, а потім вирішує, де колір заробляє своє місце:

1. Основна дія отримує найсильніше вираження фірмового відтінку.
2. Вторинні акценти отримують приглушені або відтінені варіанти, а не другий повний колір.
3. Нейтральні відтіняються у бік фірмового відтінку з низькою хромою (близько 0.005 до 0.01), що майже непомітно для пікселя, але створює підсвідомий зв’язок.
4. Категорії контенту отримують обмежену, навмисну систему акцентів, а не веселку.

Важливо: вона використовує OKLCH замість HSL, щоб однакові кроки світлості виглядали однаковими. Коли світлість рухається до екстремумів, хрома знижується автоматично. Так ви отримуєте колір, який відчувається продуманим, а не обчисленим.

Спробуйте

/impeccable colorize the dashboard

Очікуваний diff:

• Фірмовий колір перенесено з жорстко закодованого hex до --color-accent: oklch(62% 0.18 240)
• Нейтральні відтінені з 0.007 хромою у бік фірмового відтінку
• Основна кнопка отримує повний акцент, вторинні кнопки отримують ink/mist
• Серія графіку використовує 3 різні відтінки, всі з однаковою світлістю, тому жодна серія візуально не домінує
• Ілюстрація порожнього стану отримує м’яке акцентне промивання

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

• Запуск без фірмового відтінку. Colorize потребує стартової точки. Якщо PRODUCT.md не вказує її, він запита. Не дозволяйте йому вибирати з типової AI-палітри кольорів.
• Очікування, що це виправить проблему AI-палітри кольорів. Якщо ваш дизайн вже має фіолетові градієнти та неоновий блакитний, вам спочатку потрібен /impeccable quieter, потім colorize зможе перебудувати.
• Використання на вже барвистих інтерфейсах. Це робота для /impeccable quieter. Colorize додає, він не віднімає.