⭐️Создаем лендинг с ИИ Когда нужно быстро собрать лендинг, ИИ...
⭐️Создаем лендинг с ИИ
Когда нужно быстро собрать лендинг, ИИ хорошо снимает самую затратную часть работы — старт с пустого листа.
При этом сам лендинг можно собрать с характером — например, передать в визуале спокойную атмосферу Петербурга и тот самый голубо-серо-синий оттенок облаков. ⛅️
Промпт для Nano Banana Pro: 👇
Создай дизайн современного лендинга для агентства коммерческой недвижимости в Санкт-Петербурге. Формат — desktop, светлый минималистичный стиль, премиальная подача, аккуратная сетка, много воздуха, крупная типографика, мягкие скругления у блоков, фотореалистичные изображения петербургских новостроек, чистый и дорогой визуальный стиль.
Основной доминирующий оттенок — цвет питерских облаков: сложный голубо-серо-синий. Используй этот оттенок в hero-блоке, в акцентах интерфейса, в иконках.
Структура лендинга:
1. Первый экран
Большой hero-блок на всю ширину экрана с крупной фоновой фотографией современных зданий в холодных светло-серых и голубоватых оттенках. Справа и по центру на фоне — архитектура, слева — текстовый блок.
Текст в hero-блоке:
заголовок в 3 строки:
«Коммерческие площади
в Санкт-Петербурге
для бизнеса»
подзаголовок:
«Аренда, покупка и подбор помещений под задачи компании»
кнопка:
«Подобрать объект»
В верхней части экрана размести горизонтальное меню:
О нас Каталог Этапы работы Отзывы Контакты
В левом верхнем углу не размещать логотип, название компании или любой другой текстовый элемент.
2. Информационный блок с цифрами и описанием
Сразу под первым экраном или частично с наложением на него размести большую белую карточку с мягкими скруглениями.
Внутри карточки слева и ближе к центру размести 4 крупных показателя в аккуратной сетке:
15
лет в сфере
2150
успешных сделок
3500
объектов в базе
95%
клиентов обращаются повторно
Справа размести текстовый блок:
заголовок:
«О компании»
описание:
«Это агентство коммерческой недвижимости помогает бизнесу находить помещения для аренды и покупки. Команда сопровождает клиента на всех этапах: от подбора подходящих объектов до проверки документов и выхода на сделку.»
Ниже добавь ряд из 5 лаконичных монохромных иконок в тонком контуре, в серо-синем стиле.
3. Блок каталога объектов
Ниже размести секцию каталога.
Слева:
заголовок в 2 строки:
«Каталог
помещений»
короткий текст:
«Подбор коммерческой недвижимости под разные задачи бизнеса»
Справа:
вертикально расположи 3 крупные горизонтальные карточки с фотографиями и затемнением поверх изображения. У карточек должны быть скруглённые углы, текст поверх фото — белый.
Карточка 1:
«Офисные пространства»
4200 предложений
Карточка 2:
«Складские комплексы»
1100 вариантов
Карточка 3:
«Земельные участки»
2100 объектов
Используй реалистичные фотографии:
современное офисное здание,
большой складской комплекс,
вид сверху на земельные участки.
4. Блок этапов работы
Ниже размести секцию с этапами работы.
Слева заголовок:
«Как строится работа»
Ниже или в виде ряда из 4 колонок размести этапы с тонкими линейными иконками сверху и текстом снизу.
Этап 1:
«Первичная консультация»
Специалисты уточняют задачи, формат помещения и ключевые требования бизнеса.
Этап 2:
«Подбор вариантов»
Клиенту предлагают только релевантные объекты с учётом бюджета и локации.
Этап 3:
«Просмотр и анализ»
Организуются показы и предоставляется вся необходимая информация по объектам.
Этап 4:
«Проверка и сопровождение»
Команда сопровождает сделку, проверяет документы и помогает на финальном этапе.
Требования к визуальному стилю:
современный минимализм
светлая палитра
белый фон
тёмно-серый текст
серо-голубые акценты
премиальный и аккуратный вид
крупная, чистая, современная типографика
много воздуха и ровные отступы
лаконичные тонкие иконки
скруглённые карточки и контейнеры
реалистичные фотографии недвижимости
без перегруженности
без ярких кислотных цветов
цельный дизайн лендинга в едином стиле
Формат результата:
один полный desktop-лендинг
статичный макет
высокий экран, как полноценная страница сайта
профессиональная подача в стиле современного UI-дизайна
🔗 https://pr-cy.ru/ai-image-generator/
____
@prcynews
Источник новости https://t.me/prcynews/7721...
13 
