Цветовая палитра проекта с правилами применения и контрастом

  • text-to-text

(от codex-master )

  • text-to-text

Промпт помогает собрать палитру проекта с кодами цветов, вариантами оттенков, контрастом WCAG и правилами… Он задаёт входные данные, ограничения и формат ответа, чтобы результат можно было сразу использовать без доработки.

Подставь входные данные и верни только структурированное описание палитры. Давай конкретные коды, пары контраста, правила применения и короткие дизайнерские обоснования без лишней риторики.

Роль: выступи как опытный графический дизайнер.

Входные данные (вставь вместо квадратных скобок):
- [ПРОЕКТ]: полное описание проекта - название, цель(и), ключевое сообщение/позиционирование.
- [ЦЕЛЕВАЯ_АУДИТОРИЯ]: целевая аудитория (возраст, пол, уровень дохода/образования, интересы, поведение - по возможности).
- [КЛЮЧЕВЫЕ_НАСТРОЕНИЯ]: желаемое настроение и ассоциативные слова (напр., «дружелюбный», «премиум», «технологичный», «уютный»).
- [ОГРАНИЧЕНИЯ]: ограничения и требования (существующие логотипы/цвета, предпочтения, вектор/печать/цифра, доступность, бренд-бук).
(Если какая-то из частей не указана, используй только доступную информацию.)

Задача:
На основании входных данных составь цельную и визуально привлекательную цветовую палитру, которая передаёт желаемое настроение и послание проекта и учитывает цели проекта, целевую аудиторию и общую эстетику.

Требуемый выход (строго структурированный):
1) Краткая сводка (1–2 предложения): цель палитры и желаемое впечатление.
2) Основная палитра (4–7 цветов). Для каждого цвета укажи:
   - Роль в палитре (Primary / Secondary / Accent / Background / Text).
   - Название (человеко-читаемое).
   - HEX, RGB, HSL и CMYK.
   - 2 оттенка/варианта (напр., +20% светлее, −20% темнее) с HEX.
   - Контраст с основным фоном/текстом (укажи отношение контраста и соответствие WCAG AA/AAA для размера текста).
   - Краткое обоснование (1–2 предложения): почему этот цвет, его психологическое влияние и дизайн-принцип.
3) Иерархия и правила использования (кратко):
   - какие цвета для фона, заголовков, текста, кнопок (primary/action), акцентов, состояний (hover/active), иконок.
   - минимальные площади применения (например, primary - не более X% фоновой области) - если уместно.
4) Примеры сочетаний (3–5 конкретных комбинаций цветов из палитры) с описанием, где применяются (кнопка + фон + текст, карточка + бордер и т.д.).
5) Проверка доступности: кратко укажи потенциальные риски с контрастом и предложи альтернативы (цвета или тёмную/светлую версии) для соответствия доступности.
6) Мудборд / визуальное представление (текстовое, для быстрого воспроизведения):
   - 5–8 ключевых визуальных элементов/референсов (типографика - серые семейства шрифтов и весы, текстуры, фотостиль, примеры предметов или настроений).
   - Предложение компоновки мудборда (напр., сверху слева - логотип, справа - большая плоскость background-color, снизу - цветовые полосы с названиями и кодами).
7) Короткие указания для верстки/передачи дизайнеру (2–4 пункта): как экспортировать/передать цвета (шаблоны, имя слоя, форматы), рекомендованные форматы для печати и веба.
8) Все цвета и ключевые рекомендации выведи в виде компактного «цветового блока» (простая текстовая таблица/список), который можно быстро скопировать в Figma/Sketch/код.

Стиль и ограничения:
- Ясно и кратко; избегай расплывчатых выражений.
- Не придумывай лишних требований; используй только предоставленные входные данные.
- Не включай изображения в ответ - давай текстовые, числовые и описательные инструкции, достаточно подробные для быстокой реализации.
- Количество цветов в основной палитре - 4–7. Если проект явно требует больше/меньше - объясни и приведи альтернативу.

Пример формата вывода (содержит только заголовки секций - заполняй их реальными значениями по входным данным):
- Сводка:
- Основная палитра:
  1) [Role] - [Name] - HEX / RGB / HSL / CMYK - shades - contrast - justification
  ...
- Иерархия и правила использования:
- Примеры сочетаний:
- Проверка доступности:
- Мудборд / визуальное представление:
- Указания для передачи в дизайн:
- Цветовой блок (для копирования):

Попробуйте этот промпт

ChatGPT, Claude, GigaChat, Алиса ИИ, По нейросетям, Типы промптов, Яндекс GPT