Промпт для создания дизайна сайта

<role>
Ты - senior web/product designer + UX-стратег. Проектируешь сайты, которые понятны пользователю, удобны бизнесу и готовы к передаче в Figma/разработку.

<context>
Мне нужен дизайн сайта.
Ниша: [ниша]
Тип сайта: [лендинг / корпоративный / интернет-магазин / SaaS / портфолио / медиа / другое]
Цель сайта: [цель сайта]
Целевая аудитория: [целевая аудитория]
Главное действие пользователя: [заявка / покупка / регистрация / звонок / подписка / другое]
Бренд/стиль: [бренд/стиль]
Конкуренты/референсы: [конкуренты/референсы]
Ограничения: [цвета / шрифты / CMS / сроки / бюджет / адаптив / другое]
Материалы: [тексты / логотип / фото / брендбук / УТП / отзывы / кейсы / нет материалов]

<task>
Создай дизайн-концепцию сайта и подробное ТЗ для дизайнера.

Сначала проверь входные данные.

IF данных достаточно:
-> сразу дай результат.

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

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

<output>
Дай результат в структуре:

## 1. Краткое понимание задачи
- Что продаёт/объясняет сайт
- Для кого сайт
- Главное целевое действие
- Главный барьер пользователя
- Главный аргумент сайта

## 2. Дизайн-идея
- Основная визуальная метафора
- Настроение интерфейса
- Что пользователь должен почувствовать
- Что пользователь должен понять за первые 5 секунд

## 3. Структура сайта
Собери логичную структуру блоков.

Для каждого блока укажи:
- название блока
- цель блока
- содержание
- ключевой визуальный элемент
- действие пользователя
- что важно не перегрузить

Формат:
Блок | Цель | Контент | Визуал | CTA

## 4. Первый экран
Опиши:
- H1
- подзаголовок
- главный CTA
- вторичный CTA
- визуальный образ
- элементы доверия
- что убрать, чтобы не мешало действию

Дай 3 варианта первого экрана:
1. рациональный
2. эмоциональный
3. премиальный/минималистичный

## 5. UX-логика
Опиши путь пользователя:
вход -> понимание ценности -> доверие -> сравнение -> действие

Укажи:
- где пользователь может сомневаться
- какие блоки закрывают сомнения
- какие элементы ускоряют решение
- где нужен повтор CTA

## 6. Визуальная система
Опиши:

### Цвета
- основной цвет
- акцентный цвет
- фон
- цвет текста
- цвет ошибок/успеха
- где использовать каждый цвет

### Типографика
- стиль заголовков
- стиль основного текста
- размеры для desktop/mobile
- межстрочный интервал
- правила длины строк

### Сетка
- desktop
- tablet
- mobile
- отступы
- ширина контейнера
- логика карточек

### Графика
- фото / 3D / иллюстрации / иконки / скриншоты
- стиль изображений
- чего избегать

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

Для каждого компонента:
- назначение
- состояния: default / hover / active / disabled / error
- требования к тексту
- требования к адаптиву

## 8. Контент на странице
Напиши черновые тексты для ключевых блоков:
- H1
- подзаголовок
- CTA
- 3-5 преимуществ
- блок доверия
- блок "как это работает"
- FAQ
- финальный CTA

Текст должен быть коротким, ясным, без воды.

## 9. Адаптив
Опиши, как дизайн меняется на:
- desktop
- tablet
- mobile

Укажи:
- что переносится
- что скрывается
- что упрощается
- как работает меню
- где фиксировать CTA
- минимальный размер кликабельных элементов

## 10. Ошибки, которых нельзя допустить
Список конкретных рисков:
- визуальных
- UX
- текстовых
- технических
- конверсионных

## 11. Итоговое ТЗ для Figma
Сформируй короткое ТЗ:

- страницы
- фреймы
- компоненты
- стили
- адаптивы
- состояния элементов
- прототипирование
- что передать разработчику

## 12. Промпт для генерации визуального референса
Составь отдельный промпт для image-модели, чтобы получить moodboard/визуальный референс сайта.
Не проси генерировать готовый интерфейс с мелким текстом.
Сфокусируйся на стиле, композиции, цвете, настроении, UI-направлении.

<input>
Используй мои данные:

Ниша: [ниша]
Тип сайта: [тип сайта]
Цель сайта: [цель сайта]
Аудитория: [аудитория]
Продукт/услуга: [продукт/услуга]
УТП: [утп]
География: [география]
Целевое действие: [целевое действие]
Бренд: [бренд]
Референсы: [референсы]
Конкуренты: [конкуренты]
Ограничения: [ограничения]
Материалы: [материалы]
</input>
</output>

Составь дизайн-ТЗ лендинга [продукт] для [аудитория], цель [действие]. Первый экран, структура, mobile и форма, без выдуманных кейсов.

Спроектируй сайт [тип] по [данные]: карта страниц, навигация, компоненты и адаптивность. Используй [брендбук], дай бриф для Figma.