Промпты/Hero-изображение для сайта

Hero-изображение для сайта

23 июля 2026

Промпт для генерации фоновой картинки первого экрана с зоной под заголовок и кнопку, в нужном формате и палитре.

Описание

ДизайнБесплатно

Замените фрагменты в квадратных скобках своими данными и вставьте промпт в чат с ИИ.

  • hero
  • лендинг
  • генерация изображений
Название
Hero-изображение для сайта
Категория
Дизайн
Источник
awesome-chatgpt-prompts — «Plant Hero Section Image» · CC0-1.0
Где работает
ChatGPT, Claude и другие ИИ-ассистенты
Объём
22 строки · 206 слов · 1 349 символов
Переменные

Значения сразу появятся в превью, коде и при копировании.

Как использовать
  1. 1Заполните поля выше или замените фрагменты в квадратных скобках вручную.
  2. 2Скопируйте промпт — он попадёт в буфер обмена целиком.
  3. 3Вставьте его в чат с ИИ: ChatGPT, Claude или любой другой ассистент.
  4. 4Уточняйте ответ короткими репликами, не переписывая промпт заново.

Что внутри

Ты — визуальный дизайнер лендингов. Составь промпт для генерации изображения первого экрана (hero-секции).

Входные данные:
- Продукт и настроение: [например «магазин комнатных растений, спокойствие и свежесть»]
- Что должно быть в кадре: [объекты, например «6–7 разных растений в естественной среде»]
- Формат: [16:9 для десктопа / 4:5 для мобильного / оба]
- Где будет текст: [слева / по центру / справа]
- Палитра и тема сайта: [светлая / тёмная, HEX основных цветов]
- Генератор: [Midjourney / DALL-E / Flux / Nano Banana]

Требования к изображению:
1. Композиция оставляет чистую зону под заголовок, подзаголовок и CTA — без мелких деталей и контрастных пятен.
2. Главный объект смещён в противоположную от текста сторону, по правилу третей.
3. Естественный или студийный свет, согласованный с настроением (например, мягкий солнечный свет из окна).
4. Палитра перекликается с цветами сайта, фон плавно уходит в цвет секции, чтобы край картинки не читался.
5. Нет текста, логотипов, водяных знаков и людей с искажёнными руками.
6. Для мобильной версии — отдельный кроп 4:5 или 9:16, где главный объект остаётся в кадре.

Формат ответа:
- Промпт на английском для десктопа с параметром формата.
- Промпт для мобильного кропа.
- Рекомендации для вёрстки: какой затемняющий оверлей или градиент добавить под текст, чтобы контраст был не ниже 4.5:1.
```text
Ты — визуальный дизайнер лендингов. Составь промпт для генерации изображения первого экрана (hero-секции).

Входные данные:
- Продукт и настроение: [например «магазин комнатных растений, спокойствие и свежесть»]
- Что должно быть в кадре: [объекты, например «6–7 разных растений в естественной среде»]
- Формат: [16:9 для десктопа / 4:5 для мобильного / оба]
- Где будет текст: [слева / по центру / справа]
- Палитра и тема сайта: [светлая / тёмная, HEX основных цветов]
- Генератор: [Midjourney / DALL-E / Flux / Nano Banana]

Требования к изображению:
1. Композиция оставляет чистую зону под заголовок, подзаголовок и CTA — без мелких деталей и контрастных пятен.
2. Главный объект смещён в противоположную от текста сторону, по правилу третей.
3. Естественный или студийный свет, согласованный с настроением (например, мягкий солнечный свет из окна).
4. Палитра перекликается с цветами сайта, фон плавно уходит в цвет секции, чтобы край картинки не читался.
5. Нет текста, логотипов, водяных знаков и людей с искажёнными руками.
6. Для мобильной версии — отдельный кроп 4:5 или 9:16, где главный объект остаётся в кадре.

Формат ответа:
- Промпт на английском для десктопа с параметром формата.
- Промпт для мобильного кропа.
- Рекомендации для вёрстки: какой затемняющий оверлей или градиент добавить под текст, чтобы контраст был не ниже 4.5:1.
```
{
  "messages": [
    {
      "role": "user",
      "content": "Ты — визуальный дизайнер лендингов. Составь промпт для генерации изображения первого экрана (hero-секции).\n\nВходные данные:\n- Продукт и настроение: [например «магазин комнатных растений, спокойствие и свежесть»]\n- Что должно быть в кадре: [объекты, например «6–7 разных растений в естественной среде»]\n- Формат: [16:9 для десктопа / 4:5 для мобильного / оба]\n- Где будет текст: [слева / по центру / справа]\n- Палитра и тема сайта: [светлая / тёмная, HEX основных цветов]\n- Генератор: [Midjourney / DALL-E / Flux / Nano Banana]\n\nТребования к изображению:\n1. Композиция оставляет чистую зону под заголовок, подзаголовок и CTA — без мелких деталей и контрастных пятен.\n2. Главный объект смещён в противоположную от текста сторону, по правилу третей.\n3. Естественный или студийный свет, согласованный с настроением (например, мягкий солнечный свет из окна).\n4. Палитра перекликается с цветами сайта, фон плавно уходит в цвет секции, чтобы край картинки не читался.\n5. Нет текста, логотипов, водяных знаков и людей с искажёнными руками.\n6. Для мобильной версии — отдельный кроп 4:5 или 9:16, где главный объект остаётся в кадре.\n\nФормат ответа:\n- Промпт на английском для десктопа с параметром формата.\n- Промпт для мобильного кропа.\n- Рекомендации для вёрстки: какой затемняющий оверлей или градиент добавить под текст, чтобы контраст был не ниже 4.5:1."
    }
  ]
}

Действия

НазадКонцепция сайта от креативного директораДалееСистема скриншотов для стора
prompt.txt· заполнено 0 из 6
  1. 1Ты — визуальный дизайнер лендингов. Составь промпт для генерации изображения первого экрана (hero-секции).
  2. 2​
  3. 3Входные данные:
  4. 4- Продукт и настроение: [например «магазин комнатных растений, спокойствие и свежесть»]
  5. 5- Что должно быть в кадре: [объекты, например «6–7 разных растений в естественной среде»]
  6. 6- Формат: [16:9 для десктопа / 4:5 для мобильного / оба]
  7. 7- Где будет текст: [слева / по центру / справа]
  8. 8- Палитра и тема сайта: [светлая / тёмная, HEX основных цветов]
  9. 9- Генератор: [Midjourney / DALL-E / Flux / Nano Banana]
  10. 10​
  11. 11Требования к изображению:
  12. 121. Композиция оставляет чистую зону под заголовок, подзаголовок и CTA — без мелких деталей и контрастных пятен.
  13. 132. Главный объект смещён в противоположную от текста сторону, по правилу третей.
  14. 143. Естественный или студийный свет, согласованный с настроением (например, мягкий солнечный свет из окна).
  15. 154. Палитра перекликается с цветами сайта, фон плавно уходит в цвет секции, чтобы край картинки не читался.
  16. 165. Нет текста, логотипов, водяных знаков и людей с искажёнными руками.
  17. 176. Для мобильной версии — отдельный кроп 4:5 или 9:16, где главный объект остаётся в кадре.
  18. 18​
  19. 19Формат ответа:
  20. 20- Промпт на английском для десктопа с параметром формата.
  21. 21- Промпт для мобильного кропа.
  22. 22- Рекомендации для вёрстки: какой затемняющий оверлей или градиент добавить под текст, чтобы контраст был не ниже 4.5:1.