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

# Финальный промт для агента (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 отсутствует — весь текст по теме. ## КОНЕЦ ПРОМТА (копировать до этой строки) ,

A swarm of vampires violently invades her home , shattering windows and tearing down doors. This illustration is rendered in a graphic novel style , with bold lines and dramatic shadows , reminiscent of Artstation illustrations. Inside , furniture is overturned , and the air is thick with tension. The vampires , with their menacing eyes and sharp fangs , are relentless in their attack. The overall color palette is dark and chaotic , with deep reds , blues , and blacks dominating , emphasizing the violence and terror of the invasion. Shattered glass and splintered wood litter the scene , adding to the sense of destruction. The slender , graceful vampire is in the middle of the chaos , fighting back with determination. ,

A vertical 2:3 sports poster for the 2026 FIFA World Cup. A footballer in mid-air helicopter kick , frozen at the peak of the motion , muscles tensed , sweat droplets flying off his body in sharp detail. just struck by his foot a thin flashlight shadow with like Saturn's ring , light imperial Starwars style giant half-football (design inspiration from the official TRIONDA match ball. Bold geometric triangular patterns in vibrant red , green , and electric blue radiate outward from a central football , creating explosive energy and forward motion. The triangular motifs fragment and recompose into subtle cultural nods) drifting across the player , dissolving into Phantom. The player is lit by a dramatic single hard spotlight from the upper left , carving bright highlights along his silhouette and leaving the rest in deep shadow. Strong chiaroscuro , high contrast. Low-angle hero framing makes the athlete tower against a near-black stadium background with faint crowd silhouettes in the distance. The title "2026 FIFA" in bold distressed white type across the upper third , with "WORLD CUP" smaller below in electric gold. A subtle football texture faintly visible in the deep background. Color palette: deep red maroon #54190a , electric gold #FFD700 , white , black. Clean , high-resolution image quality: smooth continuous tonal gradients , uniform and combines the intricate detail of stippling art with the dramatic composition of cinematic photography. The athlete is crisp and clearly separated from a softly layered background with clear depth. Free of digital noise and over-sharpening artifacts. No watermark , no garbled text. ,

A vertical 2:3 sports poster for the 2026 FIFA World Cup. A footballer in mid-air bicycle kick , frozen at the peak of the motion , muscles tensed , sweat droplets flying off his body in sharp detail. just struck by his foot a thin flashlight shadow emerge into enormous half-football's with like Saturn's ring , light imperial Starwars style giant half-football (3D rendering:0.1) drifting across the player , dissolving into Phantom. The player is lit by a dramatic single hard spotlight from the upper left , carving bright highlights along his silhouette and leaving the rest in deep shadow. Strong chiaroscuro , high contrast. Low-angle hero framing makes the athlete tower against a near-black stadium background with faint crowd silhouettes in the distance. The title "2026 FIFA" in bold distressed white type across the upper third , with "WORLD CUP" smaller below in electric gold. A subtle football texture faintly visible in the deep background. Color palette: deep pitch green #0A3D0A , electric gold #FFD700 , white , black. Clean , high-resolution image quality: smooth continuous tonal gradients , uniform and combines the intricate detail of stippling art with the dramatic composition of cinematic photography. The athlete is crisp and clearly separated from a softly layered background with clear depth. Free of digital noise and over-sharpening artifacts. No watermark , no garbled text. ,

Subject: Inanna queen of heaven , Her bare skin glowing with mesopotamian cuneinforms Inanna descending to underworld , photorealistic ancient mythology , beautiful goddess dropping her elaborate regalia on the steps of the long stairs , walking downward through gates , dark underworld visible below , detailed graceful features with determined expression , cinematic composition , divine descent embodied , gold and darkness colors , mystical ancient aesthetic , underworld journey , mythological transformation , dark against a glowing background. , dark against a glowing background. Setting: Underworld long and winding ziggurath steps and gates , dark below , Vertical structure in objects and foliage for compositional rhythm. Vertical structure in objects and foliage for compositional rhythm. Color Palette: Deep charcoal and black. Single golden amber light source , glowing from behind and below. , blooming through deep shadow. , Closeup of golden paint and black paint splatter running and dripping , forming the scene. Soft lighting. Bokeh. Splashes of runny paint. Impressionistic brushstrokes. Expressive abstract background. , blooming through deep shadow. Style: Rembrandt-inspired chiaroscuro and tenebrism creating luminous light emerging from deep velvety darkness — darkness rendered with velvety depth and luminous quality rather than flat black. Painterly glazing with confident calligraphic brushwork , spontaneous economy of strokes , and ink-wash atmosphere. Dramatic light-dark contrast , soft atmospheric bloom , and expressive brush energy. Strong rim illumination and subtle backlighting creating a narrow luminous rim along the subject silhouette. ,

Masterpiece photorealistic full-length natural skin , no make-up , a beautiful 30-years-old pale freckled european elfic woman shoulder blond ponytail braid wearing tigh leather armour Dark-blue and gold. Matching boots standing up in a dark cave , she's handing an elfic sword in right hand and a torch in left , a little determined smile on her face ,

A panoramic ultrawide shot of a futuristic speed skating oval in a cavernous metal hall. The wall is a deep , translucent obsidian , etched with glowing neon-cyan track lines. Two voluptous female skaters are captured in mid-stride , their bodies leaning at an impossible 45-degree angle. They wearing night-vision goggles and sleek , matte-azure aerodynamic carbon-fiber suits with integrated fiber-optic veins that glow amber as they accelerate. Close up view on the beautiful lead skater. The lighting is dramatic and cinematic , featuring heavy "god rays" filtering through jagged ceiling vents , catching the fine ice crystalline spray kicked up by diamond-tipped blades. The atmosphere is thick with chilled mist and a sense of high-velocity solitude. Use a shallow depth of field to blur the brutalist concrete architecture in the background , focusing entirely on the tension of the female lead skater’s thigh muscles and the reflection of the neon on the mirror-finish wall. , , cyberpunk 2099 blade runner 2049 neon ,

generame una imagen/fotografia sobre tomar conciencia de uso de ia sesgada como se uso en el pueblo de Almendralejo Usar siluetas , metáforas , símbolos. Evitar rostros reales o identificables (mejor figuras genéricas) El foco es: daño , manipulación , pérdida de control , violencia digital.teniendo en cuenta la retorica visual toma en cuenta la retorica visual ,

A professional cinematic close-up of a sleek , white premium single-needle embroidery machine with a large workspace (Bernina 700 silhouette). The machine is stitching a vibrant silk Geisha portrait on a large embroidery hoop. Digital DNA effect: Transparent cyan holographic interfaces and floating binary code numbers are merging into the single needle bar. A bright laser pinpoint placement light marks the exact stitch position on the fabric. High-tech Swiss engineering aesthetic , soft studio lighting , macro focus on the needle and silk threads , 8k resolution , photorealistic , clean minimalist background. ,

A professional cinematic close-up of a sleek , white premium single-needle embroidery machine with a large workspace (Bernina 700 silhouette). The machine is stitching a vibrant silk Geisha portrait on a large embroidery hoop. Digital DNA effect: Transparent cyan holographic interfaces and floating binary code numbers are merging into the single needle bar. A bright laser pinpoint placement light marks the exact stitch position on the fabric. High-tech Swiss engineering aesthetic , soft studio lighting , macro focus on the needle and silk threads , 8k resolution , photorealistic , clean minimalist background. ,

A professional cinematic close-up of a sleek , white premium single-needle embroidery machine with a large workspace (Bernina 700 silhouette). The machine is stitching a vibrant silk Geisha portrait on a large embroidery hoop. Digital DNA effect: Transparent cyan holographic interfaces and floating binary code numbers are merging into the single needle bar. A bright laser pinpoint placement light marks the exact stitch position on the fabric. High-tech Swiss engineering aesthetic , soft studio lighting , macro focus on the needle and silk threads , 8k resolution , photorealistic , clean minimalist background. ,

A polar landscape of snowfields and crystal cliffs lies under aurora , dominated by a colossal white staircase floating above the ice. It rises toward a luminous doorway hanging in open space , but its shadow reveals a circular palace seen from above. Small sled caravans approach , leaving tracks that curve around invisible architecture beneath the snow. Distant icebergs stand like monoliths , their reflections showing warm interior stair halls and balconies. Compose it as a wide cinematic shot with the staircase off-center beneath an immense sky. Lighting is pristine: cold moonlight , subtle aurora spill , sharp edges on crystal and frost , incredible clarity in snow texture , breath vapor , and hidden reflected geometry. --chaos 30 --ar 16:9 --profile skx15nm --stylize 700 --v 8 ,

Volt Silver political flyer , size: DIN A6 , wise owl with silver and rainbow feathers , demand: €1 , 700 pension , purple 612095 orange #F28C38 design , activist , bold white headline. Modern digital artwork with clean lines , vibrant colors , professional digital painting techniques , and contemporary aesthetic , Dynamic , vibrant composition with movement , bright colors , active elements , and high-energy atmosphere , high quality , detailed , professional artwork ,

Мне нужно , чтобы ты сгенирировал : Циркадная адаптация: Изменение цветовой температуры ($2700K - 6500K$) и интенсивности в течение дня для поддержания бдительности или подготовки к отдыху. чтобы была и схема отражающая написанное и при этом было применено в архитектуре , чтобы две картинки дополняли друг друга и можно было понять что показано без объяснения ,

Masterpiece: Minimalist logo emblem. A single continuous line forms a lion's profile that seamlessly becomes the arm of a scales , which then curves into a root system. Contained within a perfect circle. Flat design , two colors: deep green and warm gold. Clean , professional , sacred geometry. Highquality ,

A forgotten , ancient library submerged beneath a bioluminescent alien ocean. Giant , glowing fairy-tale drift through vast halls lined with crumbling , impossibly intricate bookshelves. Sunlight filters weakly from the surface , creating ethereal shafts of light that illuminate dust motes and schools of strange , deep-sea creatures. The style should be a blend of dark fantasy illustration and hyperrealism , with textures that feel both ancient and otherworldly , inspired by the fantastical world-building of Zdzisław Beksiński. ,

Photorealistic full-length depiction of an european beautiful pale freckled 30-years-old shoulder wavy auburn hair woman blue eyes , small breast , big thigh wearing a dark-blue and white spandex zippercombisuit with matching boots , a tool belt on her hip , she's standing up determined with a hand on her hip , shy smile. The place is a futuristic spacecity control room , by the window we can see a massive spaceship landing. Cinematic style ,

Photorealistic full-length of a beautiful 25-year-old european pale woman shoulder auburn braid hair i , wearing a casual cream sweater and blue leggings barefoot is laying confortable on a couché next a fireplace in a cosy living room , she's reading a book , through the window we can see a snowy landscape , a smoking tea mug is on table next her. ,

Inkpunk sketchy vectorline style , double glitchy gradient , DSLR , grainy noisy interference banding , Oniric Shadow Weave photorealistic oil painting , world of a dark weaver , by Edward Gorey and Junko Mizuno , multiple facial piercings , repetitive hand-drawn art style , spiderweb patterns repeating into infinity , glowing black and silver , modern art style painting , by Jenny Saville and Francis Bacon , piercing , repetitive hand-drawn art style , silk thread repeating into infinity , glowing charcoal and platinum , art done by Suehiro Maruo , oil painting security camera , dark violet and lime green , inverted color cycling , hue-shift strobing , a Leonora Carrington surreal psychedelic painting security camera footage , pure manipulation shown in the haunted loom , weaver of nightmares , anaglyph chromashift glitches , game camera , posted on Friendster 2004. ar-9:16 ,