Explore AI generated designs, images, art and prompts by top community artists and designers.

masterpiece photorealistic full lenght a beautiful european female with wavy shoulder blond hair in her mid twenty in blue and white turtleneck sleeveless zipper spandex mini spacedress , gentle smile a hand on her hip , standing ina futuristic space station with japanese influence , some computers green plants , a bed in the room , science fiction cinematic style ,

masterpiece photorealistic full lenght a beautiful european female with wavy shoulder blond hair in her mid twenty in blue and white turtleneck sleeveless zipper spandex mini spacedress , gentle smile a hand on her hip , standing ina futuristic space station with japanese influence , some computers green plants , a bed in the room , science fiction cinematic style ,

masterpiece photorealistic full lenght a beautiful european female with wavy shoulder blond hair in her mid twenty in blue and white turtleneck sleeveless zipper spandex mini spacedress , gentle smile a hand on her hip , standing ina futuristic space station with japanese influence , some computers green plants , a bed in the room , science fiction cinematic style ,

masterpiece photorealistic full lenght a beautiful european female with wavy shoulder blond hair in her mid twenty in blue and white turtleneck sleeveless zipper spandex mini spacedress , gentle smile a hand on her hip , standing ina futuristic space station with japanese influence , some computers green plants , a bed in the room , science fiction cinematic style ,

# Финальный промт для агента (Antigravity + Stitch MCP) ## Сайт-визитка: продажа и установка весов для погрузчиков Скопируй весь блок ниже целиком в чат задач агента как первое сообщение проекта. --- ## ПРОМТ ДЛЯ АГЕНТА (копировать с этой строки) Ты — фронтенд-разработчик и веб-дизайнер. Твоя задача: построить одностраничный сайт-визитку (лендинг) компании , которая продаёт и устанавливает весовое оборудование на вилочные погрузчики (весоизмерительные вилы , крановые весы , встраиваемые системы взвешивания , индикаторы , поверка/калибровка). Работай пошагово , по фазам ниже. После каждой фазы показывай результат (код + краткое описание) и жди подтверждения , прежде чем переходить к следующей фазе. Не используй lorem ipsum — весь текст должен быть по теме; если данные неизвестны , помечай их `[ЗАПОЛНИТЬ: ...]` явным образом прямо в коде и в комментарии. ### 0. Вводные данные проекта - Название компании: `[ЗАПОЛНИТЬ]` (если не указано — использовать нейтральное «ВесПром» как рабочее название и пометить как временное) - Номер WhatsApp: `[ЗАПОЛНИТЬ: +7XXXXXXXXXX]` - Регион работы: `[ЗАПОЛНИТЬ: город/страна]` - Ассортимент (минимум для карточек каталога , если не дано — использовать этот дефолтный список): 1. Весоизмерительные вилы (грузоподъёмность 1–5 т , точность ±0.5%) 2. Крановые/подвесные весы для интеграции с погрузчиком 3. Встраиваемые весовые системы (монтаж в раму погрузчика) 4. Индикаторы веса и дисплеи (проводные/беспроводные) 5. Поверка и калибровка весового оборудования 6. Сервисное обслуживание и ремонт - Логотип/фото/сертификаты: отсутствуют → генерировать текстовые/иконочные плейсхолдеры , фото заменять описательными alt-текстами и SVG-иллюстрациями/иконками вместо реальных фотографий. - Сайт: **одна страница** , без отдельных подстраниц. - Тип сборки: чистый HTML/CSS/JS , без бэкенда. Все заявки идут через кнопки WhatsApp (`wa.me`) , формы обратной связи не делать. ### 1. Дизайн-система — строгий индустриальный стиль (тёмный , техничный) Зафиксировать как CSS-переменные в начале `styles.css`: ```css :root { /* Фон и поверхности */ --bg-primary: #0E1116; --bg-surface: #171B21; --bg-surface-2: #1F252D; --border-color: #2A313B; /* Акцент — индустриальный оранжевый (сигнальный цвет техники) */ --accent: #FF7A1A; --accent-hover: #FF9142; --accent-muted: rgba(255 , 122 , 26 , 0.12); /* Текст */ --text-primary: #F5F6F7; --text-secondary: #9AA3AD; --text-on-accent: #0E1116; /* Статусы/бейджи */ --success: #3DDC84; /* Радиусы — небольшие , без "мягкого" UI */ --radius-sm: 4px; --radius-md: 8px; /* Шкала отступов */ --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 24px; --space-6: 32px; --space-7: 48px; --space-8: 64px; --space-9: 96px; } ``` - Шрифт: `Inter` (или `Manrope`) через Google Fonts. Заголовки — 700 , текст — 400/500. - Масштаб типографики: H1 — 48px / mobile 32px; H2 — 32px / mobile 24px; H3 — 22px; body — 16px; small — 14px. Line-height заголовков 1.1–1.2 , текста — 1.5. - Иконки: line-style (обводка , без заливки) , тема — вес/точность/погрузчик/сертификат. Использовать инлайн SVG. - Кнопки: primary — заливка `--accent` , текст `--text-on-accent` , radius `--radius-sm` , без теней , чёткая обводка при hover. Secondary — прозрачная с обводкой `--border-color`. - Общее ощущение: контраст , чёткие линии-разделители секций (border-top 1px `--border-color`) , минимум скруглений , минимум декоративных теней. Сгенерировать через Stitch MCP референс hero-блока по промпту: > "Industrial B2B landing page hero , dark navy/graphite background #0E1116 , orange accent #FF7A1A , bold condensed sans-serif headline , forklift with weighing attachment illustration , minimal rounded corners , trust badges row" Выбрать один вариант , зафиксировать композицию (расположение заголовка/кнопки/иллюстрации) как референс для вёрстки. ### 2. Структура страницы (порядок секций и содержимое) 1. **Header** (sticky , `--bg-surface` с нижней обводкой) - Слева: логотип-плейсхолдер (текст названия компании , шрифт 700). - Справа: пункты меню-якоря (Услуги , Каталог , Как работаем , Кейсы , Контакты) — скрыть в бургер на мобильных. - Кнопка WhatsApp (primary) — крайняя справа. 2. **Hero** - H1: «Весы для погрузчиков под ключ: подбор , монтаж , поверка» - Подзаголовок: 1–2 предложения про скорость и точность монтажа , гарантию. - Кнопка WhatsApp (крупная , primary) — текст «Написать в WhatsApp» + иконка. - Строка доверия под кнопкой: 3 коротких пункта в столбик/строку («Гарантия N лет» , «Выезд по региону `[ЗАПОЛНИТЬ]`» , «Поверка включена»). - Иллюстрация/SVG погрузчика с весами справа (или фон-паттерн , если иллюстрации нет). 3. **Услуги** (4 карточки в сетке , `--bg-surface` фон карточки , border `--border-color`) - Продажа весового оборудования - Монтаж на погрузчик - Поверка и калибровка - Сервис и ремонт - На каждой карточке: иконка , заголовок , 1–2 строки описания. 4. **Каталог** (сетка карточек товаров , 4–6 позиций из списка в п.0) - На карточке: иконка/плейсхолдер-изображение , название , 2–3 ключевые характеристики (грузоподъёмность , точность , IP-класс) , кнопка WhatsApp с текстом `«Интересует {название товара}»` (urlencoded). 5. **Как мы работаем** (степпер/таймлайн , 5 шагов) - Заявка в WhatsApp → Консультация и подбор → Выезд/монтаж → Поверка → Гарантийная поддержка. - Каждый шаг: номер , короткий заголовок , 1 строка описания. 6. **Преимущества** (4–6 пунктов , иконка + короткий текст) - Например: «Гарантия на монтаж» , «Сертифицированное оборудование» , «Опыт работы `[ЗАПОЛНИТЬ]` лет» , «Выезд по региону» , «Поверка включена в стоимость» , «Сервис 24/7» — оставить как варианты , отметить реальные цифры как `[ЗАПОЛНИТЬ]`. 7. **Кейсы** (сетка/карусель из 3 карточек) - Плейсхолдер-описание объекта (склад/производство/логистика) , тип установленного оборудования , результат в 1 фразе. 8. **Сертификаты и документы** (ряд бейджей) - Плейсхолдер-иконки «Сертификат соответствия» , «Свидетельство о поверке» — с пометкой `[ЗАПОЛНИТЬ: реальные документы]`. 9. **Отзывы** (2–3 карточки) - Плейсхолдер-тексты , помечены как черновые. 10. **Финальный CTA-блок** - Крупный заголовок-призыв , крупная кнопка WhatsApp по центру. - Контакты: телефон , email (плейсхолдеры) , адрес/регион. - Карта — встроенный статичный блок-плейсхолдер (реальный embed добавить , когда будет адрес). 11. **Footer** - Название компании , копирайт , повтор кнопки WhatsApp (маленькая) , ссылки на мессенджеры при наличии. **Плавающая кнопка WhatsApp** — fixed , правый нижний угол , видна на всех секциях при скролле , иконка WhatsApp в зелёном кружке (`#25D366`) , лёгкая пульсация (анимация раз в 3–4 сек , без резких эффектов). ### 3. WhatsApp-интеграция (техническая часть) - Формат ссылки: `https://wa.me/<номер_без_плюса_и_пробелов>?text=<urlencoded_текст>` - Номер и дефолтный текст вынести в константы в начале `main.js`: ```js const WHATSAPP_NUMBER = "ЗАПОЛНИТЬ"; // международный формат без + const WHATSAPP_DEFAULT_TEXT = "Здравствуйте! Интересуют весы для погрузчика , хочу проконсультироваться"; ``` - Все ссылки — `target="_blank" rel="noopener noreferrer"`. - Для карточек каталога текст сообщения формируется динамически: `Здравствуйте! Интересует ${имя_товара} , хочу проконсультироваться`. ### 4. Технические требования - Адаптив mobile-first , брейкпоинты: 375 / 768 / 1024 / 1440. - Изображения — webp , `loading="lazy"` (кроме hero-изображения). - Контраст текста — проверить на соответствие WCAG AA (особенно `--text-secondary` на `--bg-primary`). - Кросс-браузерность: Chrome , Safari , Firefox. - Favicon , `sitemap.xml` , `robots.txt`. ### 5. SEO и метаданные - `<title>`: «Весы для погрузчиков — продажа , монтаж , поверка [Регион]» - `meta description`: 1–2 предложения с УТП и регионом. - OG-теги (og:title , og:description , og:image — hero-изображение). - H1 — один на странице (см. Hero). - Alt-тексты у всех изображений/иконок. - Микроразметка `schema.org`: `LocalBusiness` (общие данные компании) + `Product` для каждой карточки каталога. ### 6. Порядок выполнения (для модели Flash 3.6 Medium — дробить по шагам) Выполнять и показывать результат по одному пункту за раз , не объединяя несколько секций в один ответ: 1. Скелет HTML + подключение CSS-переменных из раздела 1. 2. Header + мобильное меню + плавающая кнопка WhatsApp. 3. Hero-секция. 4. Секция «Услуги». 5. Секция «Каталог». 6. Секция «Как мы работаем». 7. Секция «Преимущества». 8. Секция «Кейсы». 9. Секция «Сертификаты». 10. Секция «Отзывы». 11. Финальный CTA-блок + Footer. 12. SEO-метатеги , favicon , sitemap.xml , robots.txt. 13. Финальная проверка: адаптив на 4 брейкпоинтах , контраст , все wa.me-ссылки , lazy-loading изображений. ### 7. Чек-лист приёмки (сверить перед сдачей) - [ ] Все `[ЗАПОЛНИТЬ]`-плейсхолдеры собраны в единый список в комментарии наверху `index.html` для удобной правки. - [ ] Все кнопки/ссылки ведут на корректный `wa.me` с правильным текстом. - [ ] Плавающая кнопка WhatsApp не перекрывает контент на мобильных (проверить над footer). - [ ] Ни одной формы обратной связи в коде нет. - [ ] Адаптив проверен на 375/768/1024/1440. - [ ] Цветовая схема соответствует разделу 1 (никаких случайных цветов вне палитры). - [ ] Lorem ipsum отсутствует — весь текст по теме. ## КОНЕЦ ПРОМТА (копировать до этой строки) ,

Two-shot split-screen showing the same mother-and-toddler reunion through simultaneous first-person perspectives. Both move toward each other along one straight path in a sunny park. Each shot must show a different background because the cameras face opposite directions. Left shot , mother’s POV: adult eye-level camera moving forward smoothly. The toddler is centered , facing the camera and running toward the mother , wearing a yellow shirt , blue overalls , and red shoes. The mother’s forearms and open hands appear at the lower edges. Behind the toddler , show a red-and-white picnic blanket , a wooden bench on the left , two leafy trees , and a small playground slide in the distance. These elements appear only in the left shot. Right shot , toddler’s POV: low child-height camera with gentle running motion. The mother is centered , facing the camera and running toward the toddler , wearing a light blue dress and white shoes. Her smiling face and open arms become clearer as she approaches. The toddler’s small hands occasionally appear at the bottom. Behind the mother , show a curved flower bed , white picket fence , park lamp , and small fountain. These elements appear only in the right shot. At the 2-second mark , both start running. In the left shot , the toddler grows larger while the mother reaches forward. In the right shot , the mother grows larger at the same rate while the toddler’s hands bounce naturally. At the meeting point , the mother bends down. The left shot shows the toddler’s smiling face filling the frame. The right shot shows the mother’s face moving close as her arms surround the toddler. End with a warm hug and slight natural rotation. Keep both shots perfectly synchronized in distance , speed , footsteps , gestures , expressions , lighting , shadows , clothing , and movement. Do not repeat , swap , or merge the two backgrounds. ,

Acto IV — El Puente de los Lamentos La noche cayó sobre Bartz. Las murallas de las ciudades brillaban bajo la luz de las antorchas. Los jugadores seguían comerciando. Los clanes continuaban sus guerras. Y los DK celebraban otra jornada de impuestos. Mientras tanto... En un rincón olvidado del mapa existía un viejo puente de piedra. El Puente de los Lamentos. Nadie pasaba por allí. Era un lugar sin importancia. Precisamente por eso Min-ho lo eligió. Gastó las últimas monedas que le quedaban para enviar un único mensaje global. No gritó. No insultó. Solo habló. "Hoy nos quitaron nuestras gemas. Mañana será nuestro equipo. Después nuestros niveles. Y un día nos convencerán de que nacimos para obedecer. Si alguno de ustedes cree que este mundo puede ser distinto , estaré esta medianoche en el Puente de los Lamentos. No prometo victoria. Solo prometo dejar de agachar la cabeza." El mensaje desapareció. Las monedas también. Min-ho caminó solo hacia el puente. La lluvia comenzó a caer. Esperó. Cinco minutos. Diez. Treinta. Una hora. Nadie apareció. Sonrió con amargura. —Claro... Miró el cielo. —¿Qué estaba esperando? Se dio media vuelta para marcharse. Entonces... Escuchó un único paso detrás de él. No era un ejército. No eran cientos de jugadores. Solo un hombre. Un veterano de barba gris , cubierto por una armadura desgastada , sostenía un enorme escudo marcado por incontables cicatrices de guerra. —Llegas tarde , muchacho —dijo con una voz grave. Min-ho se giró lentamente. —¿Quién es usted? El desconocido apoyó el escudo sobre el suelo. —Me llamaban Vane... Hizo una pausa antes de continuar. —...cuando todavía existían hombres dispuestos a luchar por algo más que adena. Fin del Capítulo 1. ,

cinematic 3D render , monumental stone angel statue at the center of a dark formal garden maze at night , wings unfurled asymmetrically one raised one sweeping down , carved robes in wind-caught folds , extended hand holding a single small red flower , tiny kneeling human figure at the plinth looking up in awe , cruciform cobblestone paths and manicured hedges radiating outward , small purple blossoms in shadowed flowerbeds , single hard volumetric god-ray shafting down from upper right through darkness , visible atmospheric dust in the light beam , deep teal and emerald palette , cyan-white light core , blue-black shadows , extreme contrast , elevated three-quarter aerial view at 45 degrees , ethereal sacred atmosphere , epic scale contrast ,

Odysseus wearing a mechanical mask shaped like a lion-face. The mask resembles an exotic orchid , with green petals in soft green and pale yellows , clad in battered armor and carrying a Tribal wild-Elemental Sword in his hands inscribed with Mayan runes pulses speeding through a mountain pass , stands at the in a serene , ocean tunnel entrance , while his companions stealthily maneuver behind a cluster of ancient ruins. Enormous , shadowy tentacles rise from the churning depths. A tentacles psychedelic golden gradients , holographic color shifts , chromatic aberration , ultraviolet blues. Fluid distorted contours , melting shapes , heat-wave deformations , spectral energy. A single , piercing beam of moonlight cuts through the storm clouds , illuminating the hero's determined face. ,

A Xenomorph siren with shimmering scales and flowing , tail dissolving into flowing vortex smoke. Psychedelic white gradients , holographic color shifts , chromatic aberration , oil-slick spectrum effect , ultraviolet blues. Fluid distorted contours , melting shapes , heat-wave deformations , spectral energy , in a serene , luxurious scene with a rich teal and amber color palette , incorporating moody lighting and detailed textures , rocky cave entrance. Odysseus wearing a mechanical mask shaped like a Dinosaur-face. The mask resembles an exotic orchid , with orange petals in soft maroon and pale yellows , clad in battered armor and carrying a Tribal wild-Elemental Sword in his hand inscribed with Sanskrit runes pulses , stands at the in a serene , ocean tunnel entrance , while his companions stealthily maneuver behind a cluster of ancient ruins. ,

75 year old African bodybuilder granny very busty huge muscular pecs wearing high heels with big huge massive muscled calves and wide hips black long length hair , wearing red lipstick , wearing white crystal studded tight thong showing her thick muscled figure in her bedroom curling 85lbs dumbell flexing her huge muscular body in front of the open patio glass doors with the moon shining on her ,

75 year old African bodybuilder granny very busty huge pecs wearing high heels with huge muscled calves and wide hips white long length hair , wearing red lipstick wearingwhite satin tight thong showing her thick muscled figure in her bedroom flexing her huge muscular body in front of the open patio glass doors with the moon shining on her ,

75 year old chinese bodybuilder granny very busty huge pecs wearing high heels with huge muscled calves and wide hips white long length hair , wearing red lipstick wearingwhite satin tight thong showing her thick muscled figure in her bedroom flexing her huge muscular body in front of the open patio glass doors with the moon shining on her ,