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

Hand-drawn gothic journal illustration in a refined ink-and-watercolor sketch style , vintage gothic landscape aesthetic , textured cream paper background , expressive cobalt blue fineliner linework with warm ochre , muted olive green and soft terracotta watercolor washes , a white-haired knight with long flowing hair wearing a A dramatic , cinematic beach scene with turquoise foamy waves crashing onto the shore. On the right side of the composition a woman dressed in flowing white veils stands in a powerful , expressive pose her arms outstretched and her gaze lifted upward. Very long , delicate satin scarves are tied to her arms and body streaming and fluttering behind her in the wind. From behind her a majestic white horse with an extremely long that blossoms like a vortex mane. Thick , arcing light trails and curved smoke-frame shapes wrap around them , creating a layered , futuristic stage-like composition , soft brush pen strokes , editorial magazine cover design , modern gouache and watercolor fusion , imperfect hand-drawn charm , warm nostalgic atmosphere , Arabian sketchbook aesthetic , Moleskine travel journal , whimsical urban storytelling , premium illustrated poster , highly detailed , balanced composition , soft paper grain , natural ink bleed , sophisticated color harmony , artistic gothic landscape print--chaos 1 --ar 5:3 --raw --profile f7ca75c --stylize 75 --weird 1 --hd --preview ,

A light-pink-skinned woman transforming into a frog face , in layered fluorescent green kimono. Her hair ornaments become tiny kingfisher crests sits on a rock among amber-leafed trees. A tall waterfall drops from a misty cliff into a still pool at the right. One hand lifts , She playing the antique Cli Lyre and wears gold jewelry and a dark feathered headdress. The overall mood is serene and contemplative , showcasing the meticulous nature of stippling art. ,

A full‑body fashion model stands gracefully atop a gigantic , emerald‑green lotus leaf that floats on a glass‑like pond. The leaf glistens with dew droplets that catch the golden hour sunlight , casting soft amber reflections. Outfit: A flowing , multi‑layered dress spirals outward in a vortex of pastel pink , mint‑green , sky‑blue , and tangerine orange. Thin licorice ribbons (glossy black and ruby red) wind through the fabric like delicate vines , giving the garment a tactile , candy‑cane texture. Pose: The model places one foot lightly on the leaf’s edge , head turned slightly toward the camera , eyes soft yet confident. Hands are gently lifted , fingertips brushing the licorice strands that trail behind. Background: Blurred lily pads and floating sakura petals create a dreamy bokeh; distant pastel mountains fade into a pastel sky streaked with cotton‑candy clouds. Lighting: Warm backlight with rim lighting highlights the dress’s spiral , while a soft fill light from the front reveals the glossy licorice texture. Mood: Playful elegance , a sense of delicious wonder. ,

A woman walks through a narrow urban street lined with weathered stone buildings , metal balconies , shuttered storefronts , and colorful graffiti. Photographed from a low angle behind and slightly to her left , she turns subtly toward the camera as her long , dark curly hair falls around her face and shoulders. She wears a simple white sleeveless blowes and a flowing cream-colored traditional Saree covered in expressive abstract artwork. Sweeping strokes of red , orange , turquoise , blue , and black form loose floral shapes and energetic spirals across the fabric. The Saree billows dramatically toward the foreground , filling much of the lower left side of the image and creating a strong sense of motion. Beige wedge sandals lift her above the stone pavement as one foot steps forward. Warm natural light filters between the tall buildings , illuminating the street and emphasizing the contrast between the elegant , colorful clothing and the rough textures of the surrounding architecture. ,

a mega muscular African female bodybuilder , striking brunette , piercing green eyes , straight , shoulder-length braided hair , flawless complexion , dressed in a black red spandex suit , dynamic posing and flexing , a beautiful mega muscular giant female , gigantic pumped muscle female bodybuilder , beefy thick bodybuilder | bodybuilders , brawny overdeveloped female bodybuilders , steroid enlarged pretty female bodybuilders , hyper-muscular mega-giant bulky voluptuously top heavy Female bodybuilder , 350 pounds female powerlifter 6 feet tall , big veiny inflatable muscles , top and bottom heavy huge statuesque beautiful sexy female bodybuilder , powerful muscular female bodybuilder , incredibly broad powerful shoulders enormous deltoids , beefy shredded vascular arms , massive serrated glutes , oversized shredded thighs , extremely muscular female bodybuilder swollen and ripped onseason steroid enlarged muscularbody , positive prompts: female , lady , ladies , pretty , cute , beefy , brawny. ,

a mega muscular African female bodybuilder , striking brunette , piercing green eyes , straight , shoulder-length hair , flawless complexion , dressed in a black latex suit , dynamic posing and flexing , a beautiful mega muscular giant female , gigantic morphed muscle female bodybuilder , beefy thick bodybuilder | bodybuilders , brawny overdeveloped female bodybuilders , steroid enlarged pretty female bodybuilders , hyper-muscular mega-giant bulky voluptuously top heavy Female bodybuilder , ((950 pounds female powerlifter 11 feet tall)) , 8 feet tall statuesque , big inflatable muscles , top heavy huge statuesque beautiful raging female bodybuilder , powerful muscular female bodybuilder , incredibly broad powerful shoulders enormous deltoids , beefy bloated vascular arms , massive glutes , oversized bloated thighs , extremely muscular female bodybuilder swollen onseason steroid enlarged , positive prompts: female , lady , ladies , pretty , beefy , brawny. ,

A ballet slim dancer in a sparkling , flamingo feather tutu leans forward beside a fluffy gray cat , both lit by warm , dramatic studio lighting. Main Subject: A person with blonde hair styled in an elaborate , voluminous updo and wearing a tutu with ornate , flamingo feathered like layers is shown in a side profile pose. The person is standing on pointed shoes with one leg bent and lifted behind , the other leg supporting their balance , and their arms are held close to their body. Their eyes are downcast and their face is turned toward a gray , fluffy cat sitting on the floor. The cat has upright ears , a rounded fluffy body , and a small open mouth positioned near the dancer’s face as if the cat is sniffing or reaching toward her. Setting: The scene appears to be indoors in a studio-style environment , with a dark , plain background and a wooden floor visible at the bottom. Lighting is warm and focused , creating soft shadows and a glowing effect around the dancer’s hair and costume. Visual Details: The dancer’s tutu is flamingo feathers with layered , translucent-looking elements , including hanging or draping strands. The dancer wears a toned bodice with feathers embellishments and a high level of sparkle. Their pointed shoes are light-colored with visible straps , and the overall costume includes fine glitter and chain-like details. The cat’s fur is light gray with darker shading , and it stands out clearly against the darker background. The camera angle is slightly elevated and turned toward the dancer’s side , emphasizing the extended pose and the closeness between the dancer and the cat. ,

Create a 9:16 vertical dreamy slow-shutter garden portrait photography image titled “Dreamlike Her”. A beautiful young adult woman is running , turning back , or softly spinning through a spring garden / flower field / grassy path , wearing a light white dress / soft pink tulle dress / cream long dress / pale green flowing dress , holding a colorful bouquet. Her hair is lifted naturally by the wind , with loose strands and motion in the dress. Use slow shutter photography , panning motion blur , and intentional camera movement. The background and foreground should stretch into soft horizontal blur , while the subject stays half-clear , half-blurred. Keep one readable visual anchor such as the face outline , bouquet , hair , or dress edge , so the image feels dreamy but not unreadable. Scene should include soft grass , blooming flowers , tree shadows , petals in the air , glowing natural light , and a light filmic atmosphere. Color palette: cream white , soft green , blush pink , sky blue , warm golden light. Add subtle film grain , soft focus , airy depth , and slight highlight bloom. The final image should feel like a half-remembered dream — not a clean portrait , but a fleeting moment. Avoid: commercial studio look , overly sharp face , plastic skin , influencer pose , CGI feel , cartoon style , stiff body , anatomy errors , deformed hands , distorted bouquet , warped dress , text , watermark , logo , ultra-HD --v 6.1 --ar 3:4 --style raw , ,

Close-up portrait of a Liu Yi Fei with intense gaze , magic reflecting in her eyes , subtle arcane glow on her skin. Her long black hair flow freely with magical particles lifting. She wearing a diamond necklace with the figurine of crystal moon. Ultra-detailed fantasy portrait , shallow depth of field , dramatic lighting , cinematic realism , Dungeons & Dragons character showcase style. , vintage 1950s advertisement poster , retro Americana illustration , old printed magazine texture , faded ink , distressed paper texture , cinematic poster composition , painterly commercial art , nostalgic atmosphere , handcrafted vintage printing aesthetic , elongated elegant proportions , muted warm color palette , cream and amber tones , dramatic shadows , soft halftone texture , aged paper grain , mid-century advertising illustration , classic liquor poster aesthetic , slightly imperfect printing alignment , vintage ink bleeding , faded lithograph texture ,

Photorealistic portrait of an Indian mature woman leaning against a rustic brick doorway in a rural home , looking back over shoulder. blue backless blouse with tie straps , colorful printed wrap skirt , blue bindi and sindoor , red lipstick , bangles , anklet. Natural daylight , candid pose , one leg lifted. Earthy textured walls , hanging fabrics , household items in background. Warm tones , soft shadows , authentic village atmosphere , candid lifestyle photography , 8k detail. ,

Close-up portrait of a Liu Yi Fei with intense gaze , magic reflecting in her eyes , subtle arcane glow on her skin. Her long black hair flow freely with magical particles lifting. She wearing a diamond necklace with the figurine of crystal moon. Ultra-detailed fantasy portrait , shallow depth of field , dramatic lighting , cinematic realism , Dungeons & Dragons character showcase style. , vintage 1950s advertisement poster , retro Americana illustration , old printed magazine texture , faded ink , distressed paper texture , cinematic poster composition , painterly commercial art , nostalgic atmosphere , handcrafted vintage printing aesthetic , elongated elegant proportions , muted warm color palette , cream and amber tones , dramatic shadows , soft halftone texture , aged paper grain , mid-century advertising illustration , classic liquor poster aesthetic , slightly imperfect printing alignment , vintage ink bleeding , faded lithograph texture ,

Very big Gorgeous female too big breast , bbw muscular enormous bimbo powerlifteuse , abnormally massive female muscular bodybuilder , bbw , Géante dame , Barbara palvin face , curvacious , gorgeous , wearing sexiest sensual bleue night club dress décolletée , gros biceps énormes , flexing muscles , cuisses en évidence , flexing biceps , make up , pov boxing poster ,

Plan de profil de Very giant curvy bbw bimbo muscular most amazing busty tallest amazon boomshell nurse with too big implants breast , enormous ass , bbw muscular enormous bimbo powerlifteuse , abnormally massive female muscular bodybuilder , bbw , Géante dame en talons , very big ass , curvacious , gorgeous , Daryl Hannah face , muscle arms show with soaked clothes inside a narrow room in african hospital in front of patient , wearing a satin vert clair satin nurse sleeveless shirt and stockings , gros seins en évidence , gros biceps énormes , mini latex gloves , cuisses en évidence , portant des talons , make up , very big ass , vue de profil ,

In front was blonde Marilyn Monroe wearing a form-fitting long black dress with high slit. She pose as Lucrezia Borgia as seen by Milo Manara. She is lifting a corner of her dress , showing off both her bare thighs. Her face smirking provocatively. She is holding A white candle holder on the right burning , casting light on her face and thighs. Background was a darkened , grand staircase of marbles oil painting by James Gurney , oil painting by James Gurney ,

Background was a wide open blue-wave lake In front was loosely-tied black-haired Liu Yi Fei wearing a form-fitting long-sleeve long-pant white Ao Dai dress. She pose as Lucrezia Borgia as seen by Milo Manara. She is lifting a corner of her dress , showing off her long silk white pants. Her face smirking provocatively. She is holding A yellow non-bai-tho hat on the right. , oil painting by James Gurney , oil painting by James Gurney ,