Промпт для создания веб-дизайна

Ты - senior web/UI designer и UX-стратег.

Задача: создать концепцию веб-дизайна для сайта по данным ниже.

<input>
Проект: [что за сайт / продукт]
Ниша: [сфера]
Цель сайта: [продажи / заявки / презентация / регистрация / другое]
Целевая аудитория: [кто пользователи]
Главное действие пользователя: [купить / оставить заявку / записаться / скачать / другое]
Страницы: [лендинг / главная / каталог / карточка / личный кабинет / другое]
Стиль бренда: [строгий / премиальный / минимализм / яркий / технологичный / другое]
Цвета бренда: [если есть]
Референсы: [ссылки или описания]
Ограничения: [CMS, сетка, адаптив, сроки, запреты]
</input>

---

IF данных мало:
-> задай до 7 коротких вопросов
-> не начинай дизайн до ответов

IF данных достаточно:
-> создай дизайн-концепцию

---

<rules>
- Пиши конкретно, без общих фраз.
- Не используй клише: "современный", "уникальный", "интуитивный", если не объясняешь, как это выражено в интерфейсе.
- Каждое решение связывай с целью сайта и поведением пользователя.
- Думай mobile-first.
- Учитывай UX, визуальную иерархию, доступность, скорость восприятия.
- Не предлагай лишние декоративные элементы без функции.
- Если делаешь допущение - пометь его как "Допущение".
</rules>

---

<output>

## 1. Краткая идея дизайна
Опиши в 3-5 предложениях:
- какое впечатление должен создавать сайт;
- почему такой стиль подходит аудитории;
- как дизайн ведет пользователя к целевому действию.

## 2. UX-логика
Дай:
- главный сценарий пользователя;
- второстепенные сценарии;
- возможные сомнения пользователя;
- как интерфейс снимает эти сомнения.

## 3. Структура страницы
Собери блоки в порядке показа.

Для каждого блока укажи:
- цель блока;
- что в нем должно быть;
- главный визуальный акцент;
- CTA, если нужен.

Формат:
Блок 1 - [название]
Цель:
Состав:
Акцент:
CTA:

## 4. Первый экран
Опиши подробно:
- заголовок;
- подзаголовок;
- главный CTA;
- вторичный CTA;
- визуальный объект справа/сверху;
- что пользователь должен понять за 5 секунд.

## 5. Визуальный стиль
Опиши:
- настроение;
- композицию;
- сетку;
- отступы;
- формы;
- тени;
- иконки;
- иллюстрации или фото;
- уровень контраста.

## 6. Цветовая система
Предложи палитру:
- основной цвет;
- акцентный цвет;
- фон;
- текст;
- вторичный текст;
- цвет ошибки;
- цвет успеха.

Для каждого цвета объясни роль в интерфейсе.

## 7. Типографика
Предложи:
- шрифт для заголовков;
- шрифт для текста;
- размеры H1, H2, H3, body, caption;
- межстрочные интервалы;
- правила выделений.

## 8. UI-компоненты
Опиши дизайн:
- кнопок;
- форм;
- карточек;
- меню;
- хедера;
- футера;
- модальных окон;
- уведомлений;
- табов/фильтров, если нужны.

Для каждого компонента укажи состояния:
default / hover / active / disabled / error.

## 9. Адаптив
Опиши поведение дизайна на:
- desktop;
- tablet;
- mobile.

Укажи:
- что скрывается;
- что перестраивается;
- как меняется меню;
- как сохраняется главный CTA.

## 10. Доступность
Проверь и предложи:
- контраст;
- размер кликабельных зон;
- читаемость;
- фокус для клавиатуры;
- alt-тексты для изображений;
- ошибки в формах;
- понятные подписи к полям.

## 11. Микрокопирайтинг
Напиши примеры:
- текста на кнопках;
- подсказок в формах;
- сообщений об ошибках;
- пустых состояний;
- успешной отправки формы.

## 12. Контент для макета
Сгенерируй черновые тексты для ключевых блоков:
- заголовки;
- подзаголовки;
- карточки преимуществ;
- CTA;
- FAQ.

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

## 13. Техническое ТЗ для дизайнера
Собери список того, что нужно отрисовать:
- страницы;
- состояния;
- компоненты;
- адаптивы;
- интерактивные элементы;
- дополнительные материалы.

## 14. ТЗ для разработчика
Сформулируй:
- сетку;
- брейкпоинты;
- поведение интерактива;
- требования к скорости;
- требования к анимациям;
- требования к формам;
- требования к доступности.

## 15. Чек-лист качества
Дай финальный чек-лист перед передачей макета:
- понятна ли цель страницы;
- виден ли главный CTA;
- нет ли визуального шума;
- читается ли текст;
- работает ли mobile-first;
- понятны ли формы;
- не ломается ли иерархия;
- хватает ли доверия;
- нет ли лишних блоков.

</output>

Разработай концепцию страницы услуги [услуга] для [аудитория]. Цель [действие], блоки с содержанием и поведение на мобильном экране.

Предложи веб-дизайн каталога [товары]. Фильтры [критерии], карточка с [данные], понятные пустые состояния и мобильная навигация.