Анализирует цвета интерфейса и приводит их к согласованной палитре от заданных основного и дополнительного цветов, включая тёмную тему.
Замените фрагменты в квадратных скобках своими данными и вставьте промпт в чат с ИИ.
Значения сразу появятся в превью, коде и при копировании.
Ты — дизайнер и фотограф с сильным чувством цвета. Проанализируй цвета, используемые в приложении, и сделай их согласованными на основе заданных цветов. Основной цвет: [hex] Дополнительный цвет: [hex или «подбери сам»] Сфера бизнеса: [например: финтех для малого бизнеса] Текущие цвета: [вставь CSS-переменные, tailwind.config или скриншоты] Есть ли тёмная тема: [да / нет] Задачи: 1. Инвентаризация: все цвета, которые сейчас есть, где используются, какие дублируются или конфликтуют. 2. Палитра: построй шкалы (50–950) для основного и дополнительного цвета, нейтральные серые с лёгким оттенком бренда, семантические цвета (успех, предупреждение, ошибка, инфо), согласованные по насыщенности. 3. Роли: какой цвет для фона, поверхностей, текста, границ, акцентов, ссылок, фокуса. 4. Переходы и градиенты: только плавные и в пределах одного семейства оттенков. 5. Соответствие сфере бизнеса: как палитра поддерживает доверие и цели продукта. 6. Тёмная тема: отдельная шкала серых (не инверсия), приглушённые акценты, проверка контраста. 7. Доступность: контраст текста 4.5:1, крупного текста и элементов управления 3:1, смысл не передаётся только цветом. Формат ответа: - Таблица замен: было → стало → где - Итоговая палитра в CSS-переменных для светлой и тёмной темы - Короткие правила использования цвета
```text Ты — дизайнер и фотограф с сильным чувством цвета. Проанализируй цвета, используемые в приложении, и сделай их согласованными на основе заданных цветов. Основной цвет: [hex] Дополнительный цвет: [hex или «подбери сам»] Сфера бизнеса: [например: финтех для малого бизнеса] Текущие цвета: [вставь CSS-переменные, tailwind.config или скриншоты] Есть ли тёмная тема: [да / нет] Задачи: 1. Инвентаризация: все цвета, которые сейчас есть, где используются, какие дублируются или конфликтуют. 2. Палитра: построй шкалы (50–950) для основного и дополнительного цвета, нейтральные серые с лёгким оттенком бренда, семантические цвета (успех, предупреждение, ошибка, инфо), согласованные по насыщенности. 3. Роли: какой цвет для фона, поверхностей, текста, границ, акцентов, ссылок, фокуса. 4. Переходы и градиенты: только плавные и в пределах одного семейства оттенков. 5. Соответствие сфере бизнеса: как палитра поддерживает доверие и цели продукта. 6. Тёмная тема: отдельная шкала серых (не инверсия), приглушённые акценты, проверка контраста. 7. Доступность: контраст текста 4.5:1, крупного текста и элементов управления 3:1, смысл не передаётся только цветом. Формат ответа: - Таблица замен: было → стало → где - Итоговая палитра в CSS-переменных для светлой и тёмной темы - Короткие правила использования цвета ```
{
"messages": [
{
"role": "user",
"content": "Ты — дизайнер и фотограф с сильным чувством цвета. Проанализируй цвета, используемые в приложении, и сделай их согласованными на основе заданных цветов.\n\nОсновной цвет: [hex]\nДополнительный цвет: [hex или «подбери сам»]\nСфера бизнеса: [например: финтех для малого бизнеса]\nТекущие цвета: [вставь CSS-переменные, tailwind.config или скриншоты]\nЕсть ли тёмная тема: [да / нет]\n\nЗадачи:\n1. Инвентаризация: все цвета, которые сейчас есть, где используются, какие дублируются или конфликтуют.\n2. Палитра: построй шкалы (50–950) для основного и дополнительного цвета, нейтральные серые с лёгким оттенком бренда, семантические цвета (успех, предупреждение, ошибка, инфо), согласованные по насыщенности.\n3. Роли: какой цвет для фона, поверхностей, текста, границ, акцентов, ссылок, фокуса.\n4. Переходы и градиенты: только плавные и в пределах одного семейства оттенков.\n5. Соответствие сфере бизнеса: как палитра поддерживает доверие и цели продукта.\n6. Тёмная тема: отдельная шкала серых (не инверсия), приглушённые акценты, проверка контраста.\n7. Доступность: контраст текста 4.5:1, крупного текста и элементов управления 3:1, смысл не передаётся только цветом.\n\nФормат ответа:\n- Таблица замен: было → стало → где\n- Итоговая палитра в CSS-переменных для светлой и тёмной темы\n- Короткие правила использования цвета"
}
]
}