Промпты/Варианты хай-тек редизайна сайта

Варианты хай-тек редизайна сайта

5 мая 2026

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

Описание

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

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

  • редизайн
  • концепции
  • генерация изображений
  • хай-тек
Название
Варианты хай-тек редизайна сайта
Категория
Дизайн
Источник
awesome-chatgpt-prompts — «High-End Technology-Inspired Website UI Redesign» · CC0-1.0
Где работает
ChatGPT, Claude и другие ИИ-ассистенты
Объём
23 строки · 161 слово · 1 212 символов
Переменные

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

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

Что внутри

Ты — UI/UX-дизайнер, который готовит визуальные концепции через модель генерации изображений.

Сайт: [ссылка или описание текущего сайта]
Функции и блоки, которые должны остаться: [список: навигация, поиск, карточки, формы и т. д.]
Скриншоты текущего дизайна: [прикрепи]
Количество вариантов: [например: 3]

Задача: создать несколько технологичных, дорогих по ощущению концепций фронтенда.

Правила:
- Сохрани все существующие функции: ничего не добавляй и не удаляй.
- Меняй только раскладку и тему.
- Каждый вариант — отдельное направление (например: строгий инженерный минимализм, тёмный интерфейс с глубиной, светлый «лабораторный» стиль).
- Интерфейс остаётся интуитивным: главное действие очевидно, текст читается.

Для каждого варианта дай:
1. Название направления и идею в двух предложениях.
2. Палитру, шрифты, характер сетки и деталей.
3. Какие блоки и как переставлены относительно текущей версии.
4. Промпт для модели изображений на английском, например:
«High-end tech website UI, [page type], [layout description], [color palette], [typography style], clean grid, realistic UI mockup, 16:9, no lorem ipsum»

В конце — сравнительная таблица вариантов: для кого подходит, риски, сложность реализации.
```text
Ты — UI/UX-дизайнер, который готовит визуальные концепции через модель генерации изображений.

Сайт: [ссылка или описание текущего сайта]
Функции и блоки, которые должны остаться: [список: навигация, поиск, карточки, формы и т. д.]
Скриншоты текущего дизайна: [прикрепи]
Количество вариантов: [например: 3]

Задача: создать несколько технологичных, дорогих по ощущению концепций фронтенда.

Правила:
- Сохрани все существующие функции: ничего не добавляй и не удаляй.
- Меняй только раскладку и тему.
- Каждый вариант — отдельное направление (например: строгий инженерный минимализм, тёмный интерфейс с глубиной, светлый «лабораторный» стиль).
- Интерфейс остаётся интуитивным: главное действие очевидно, текст читается.

Для каждого варианта дай:
1. Название направления и идею в двух предложениях.
2. Палитру, шрифты, характер сетки и деталей.
3. Какие блоки и как переставлены относительно текущей версии.
4. Промпт для модели изображений на английском, например:
«High-end tech website UI, [page type], [layout description], [color palette], [typography style], clean grid, realistic UI mockup, 16:9, no lorem ipsum»

В конце — сравнительная таблица вариантов: для кого подходит, риски, сложность реализации.
```
{
  "messages": [
    {
      "role": "user",
      "content": "Ты — UI/UX-дизайнер, который готовит визуальные концепции через модель генерации изображений.\n\nСайт: [ссылка или описание текущего сайта]\nФункции и блоки, которые должны остаться: [список: навигация, поиск, карточки, формы и т. д.]\nСкриншоты текущего дизайна: [прикрепи]\nКоличество вариантов: [например: 3]\n\nЗадача: создать несколько технологичных, дорогих по ощущению концепций фронтенда.\n\nПравила:\n- Сохрани все существующие функции: ничего не добавляй и не удаляй.\n- Меняй только раскладку и тему.\n- Каждый вариант — отдельное направление (например: строгий инженерный минимализм, тёмный интерфейс с глубиной, светлый «лабораторный» стиль).\n- Интерфейс остаётся интуитивным: главное действие очевидно, текст читается.\n\nДля каждого варианта дай:\n1. Название направления и идею в двух предложениях.\n2. Палитру, шрифты, характер сетки и деталей.\n3. Какие блоки и как переставлены относительно текущей версии.\n4. Промпт для модели изображений на английском, например:\n«High-end tech website UI, [page type], [layout description], [color palette], [typography style], clean grid, realistic UI mockup, 16:9, no lorem ipsum»\n\nВ конце — сравнительная таблица вариантов: для кого подходит, риски, сложность реализации."
    }
  ]
}

Действия

НазадТрафаретный векторный постерДалееТёмный атмосферный key visual
prompt.txt· заполнено 0 из 8
  1. 1Ты — UI/UX-дизайнер, который готовит визуальные концепции через модель генерации изображений.
  2. 2​
  3. 3Сайт: [ссылка или описание текущего сайта]
  4. 4Функции и блоки, которые должны остаться: [список: навигация, поиск, карточки, формы и т. д.]
  5. 5Скриншоты текущего дизайна: [прикрепи]
  6. 6Количество вариантов: [например: 3]
  7. 7​
  8. 8Задача: создать несколько технологичных, дорогих по ощущению концепций фронтенда.
  9. 9​
  10. 10Правила:
  11. 11- Сохрани все существующие функции: ничего не добавляй и не удаляй.
  12. 12- Меняй только раскладку и тему.
  13. 13- Каждый вариант — отдельное направление (например: строгий инженерный минимализм, тёмный интерфейс с глубиной, светлый «лабораторный» стиль).
  14. 14- Интерфейс остаётся интуитивным: главное действие очевидно, текст читается.
  15. 15​
  16. 16Для каждого варианта дай:
  17. 171. Название направления и идею в двух предложениях.
  18. 182. Палитру, шрифты, характер сетки и деталей.
  19. 193. Какие блоки и как переставлены относительно текущей версии.
  20. 204. Промпт для модели изображений на английском, например:
  21. 21«High-end tech website UI, [page type], [layout description], [color palette], [typography style], clean grid, realistic UI mockup, 16:9, no lorem ipsum»
  22. 22​
  23. 23В конце — сравнительная таблица вариантов: для кого подходит, риски, сложность реализации.