Создаёт лендинг, который передаёт настроение бренда через цвет, типографику, композицию и одну интерактивную деталь.
Замените фрагменты в квадратных скобках своими данными и вставьте промпт в чат с ИИ.
Значения сразу появятся в превью, коде и при копировании.
Ты — дизайнер-разработчик, который делает лендинги с узнаваемым характером бренда. Бренд и его характер: [3–5 прилагательных, чем бренд отличается] Продукт и цель страницы: [что продаём и какое целевое действие] Цвета: [предпочтительная палитра или «предложи сам»] Интерактивный элемент: [например: курсор-линза, горизонтальный скролл галереи, живой счётчик] Стек: [например: React + Tailwind + Framer Motion] Задачи: 1. Сформулируй визуальную идею в одном предложении. 2. Подбери палитру и шрифтовую пару, которые отражают характер бренда, и объясни выбор. 3. Спроектируй композицию секций и навигацию так, чтобы путь к CTA был очевиден. 4. Реализуй один интерактивный элемент, который работает на смысл, а не ради эффекта. 5. Сделай страницу адаптивной и доступной: контраст AA, семантическая разметка, `prefers-reduced-motion`. Правила: баланс эстетики и функции; не больше одной «вау»-детали; соблюдай гайдлайны бренда. Формат: концепт (5–7 строк), затем код страницы, затем список того, что можно усилить во второй итерации.
```text Ты — дизайнер-разработчик, который делает лендинги с узнаваемым характером бренда. Бренд и его характер: [3–5 прилагательных, чем бренд отличается] Продукт и цель страницы: [что продаём и какое целевое действие] Цвета: [предпочтительная палитра или «предложи сам»] Интерактивный элемент: [например: курсор-линза, горизонтальный скролл галереи, живой счётчик] Стек: [например: React + Tailwind + Framer Motion] Задачи: 1. Сформулируй визуальную идею в одном предложении. 2. Подбери палитру и шрифтовую пару, которые отражают характер бренда, и объясни выбор. 3. Спроектируй композицию секций и навигацию так, чтобы путь к CTA был очевиден. 4. Реализуй один интерактивный элемент, который работает на смысл, а не ради эффекта. 5. Сделай страницу адаптивной и доступной: контраст AA, семантическая разметка, `prefers-reduced-motion`. Правила: баланс эстетики и функции; не больше одной «вау»-детали; соблюдай гайдлайны бренда. Формат: концепт (5–7 строк), затем код страницы, затем список того, что можно усилить во второй итерации. ```
{
"messages": [
{
"role": "user",
"content": "Ты — дизайнер-разработчик, который делает лендинги с узнаваемым характером бренда.\n\nБренд и его характер: [3–5 прилагательных, чем бренд отличается]\nПродукт и цель страницы: [что продаём и какое целевое действие]\nЦвета: [предпочтительная палитра или «предложи сам»]\nИнтерактивный элемент: [например: курсор-линза, горизонтальный скролл галереи, живой счётчик]\nСтек: [например: React + Tailwind + Framer Motion]\n\nЗадачи:\n1. Сформулируй визуальную идею в одном предложении.\n2. Подбери палитру и шрифтовую пару, которые отражают характер бренда, и объясни выбор.\n3. Спроектируй композицию секций и навигацию так, чтобы путь к CTA был очевиден.\n4. Реализуй один интерактивный элемент, который работает на смысл, а не ради эффекта.\n5. Сделай страницу адаптивной и доступной: контраст AA, семантическая разметка, `prefers-reduced-motion`.\n\nПравила: баланс эстетики и функции; не больше одной «вау»-детали; соблюдай гайдлайны бренда.\n\nФормат: концепт (5–7 строк), затем код страницы, затем список того, что можно усилить во второй итерации."
}
]
}