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

{ "logo": { "texto_principal": "QUE FINO" , "subtexto": "GASTRONOMÍA VENEZOLANA" , "elementos_visuales": ["Bandera de Argentina" , "Bandera de Venezuela" , "Destellos rojos y blancos"] } , "menu_general": [ "Tequeños" , "Arepas" , "Perros Calientes - Panchos" , "Pizzas" , "Hamburguesas" , "Cachapas" ] , "imagenes_platos": [ { "tipo": "Arepas" , "descripcion": "Tres arepas rellenas en una canasta de mimbre" } , { "tipo": "Tequeños" , "descripcion": "Tequeños de queso en forma de corona con una salsa central" } , { "tipo": "Hamburguesa" , "descripcion": "Hamburguesa completa con queso , bacon , lechuga y tomate" } , { "tipo": "Cachapa" , "descripcion": "Cachapa doblada con queso derretido desbordando y mantequilla encima" } , { "tipo": "Perros Calientes" , "descripcion": "Dos perros calientes estilo venezolano con papas pay y salsas" } ] , "seccion_promocional": { "titulo_alerta": "¡NO TE PIERDAS ESTO!" , "llamado_accion": "¡Preguntá por nuestra famosa Picada Venezolana!" , "descripcion_producto": "La caja perfecta para probar un poco de todo: Tequeños , Miniarepas , Miniempanadas , MiniCachapas con Salsas Caseras" , "eslogan": "¡Ideal para compartir con amigos!" , "imagen_caja": { "texto_en_caja": "PICADA VENEZOLANA" , "contenido": ["Tequeños" , "Empanadas" , "Cachapas" , "Arepas" , "Salsas"] } } , "contacto_y_ubicacion": { "direccion": "Calle 1 de Mayo 2296 , Godoy Cruz , Mendoza" , "instagram": "@quefinomza" , "whatsapp": "261 654 9464" } } ,

A photorealistic scene of a vadodara city street at night after rain , filmed from above , as if from a CCTV camera , at an angle of approximately 35-45°. The wet asphalt reflects the neon lights of the city and the headlights of cars. A zebra crossing is surrounded by a stream of people , blurred by motion. In the center of the frame is a man with the face and appearance from the reference photo. He was moving quickly across the crossing , but a smart mobilephone slips from his hand and falls onto the wet asphalt. The mobilephone's screen glowing , and small social-media's icons spill out—Facebook , Instagram , WhatsApp , and a YouTube. The man brakes abruptly and begins bending over to pick up the fallen icons. One leg remains forward after the step , his body is bent downward , one hand reaches for the fallen items , and with the other he holds the laptop-bag. At this moment , he raises her head and looks directly into the CCTV camera lens. He's wearing a blue jeans , a white shirt , yellow sport shoes. His hair is curly and slightly tousled by her movements. The composition is dynamic: a dropped mobilephone and several scattered social-media's icons lie on the wet pavement. The people around her continue to move and are blurred by motion. The lighting is nighttime , with neon signs reflecting off the wet pavement , cinematic color correction , and a subtle film grain. A computer vision interface is superimposed on the image: red bounding boxes around the girl's face , around the bag and individual dropped objects , analysis lines , a magnified window with a fragment of her face , warning icons , and CCTV HUD graphics. Technical captions: "CCTV 06 , " "SCAN 02/76 , " "ID #8B0034 , " "OBJECT DETECTED , " and a timestamp. Style: Indian urban surveillance aesthetic , AI detection interface , cinematic street photography , dramatic stop-and-tilt moments , a sense of surveillance and urgency , ultra-realistic , high detail , 4K. ,

WhatsApp Business cover 820x312 , luxury professional style , dark matte black background with subtle copper and blue gradient highlights , soft metallic glow , modern Arabic typography: "تصميم إعلانك أونلاين" centered , subtext below: "تصميم إعلانات | فيديو | وصف منتجات" , phone number: 730638309 elegantly placed in corner , small line icons for services , clean and balanced layout , minimal , premium and trustworthy branding , complements profile picture , high resolution , commercial-ready , no people , no products , no excessive ornaments ,

Luxury WhatsApp cover 820x312 , clean and minimal design , dark matte black background with soft copper-blue gradient matching profile picture , centered bold Arabic text: "تصميم إعلانك أونلاين" , subtext: "تصميم إعلانات | فيديو | وصف منتجات" , phone 730638309 in subtle corner , small line icons for services , balanced layout , premium professional look , complements profile picture , high quality , commercial-ready , no people , no products ,

WhatsApp Business cover 820x312 , premium copper-blue theme , matte black background with subtle glow , elegant Arabic text: "تصميم إعلانك أونلاين" centered , subtext: "تصميم إعلانات | فيديو | وصف منتجات" , phone 730638309 in elegant placement , minimal line icons for services , visually balanced , clean , professional , complements profile picture , high quality , commercial-ready , no people , no products ,

WhatsApp Business cover 820x312 , luxury and professional style , dark matte black background with copper and subtle blue gradient highlights matching profile picture , soft metallic glow , modern Arabic typography: "تصميم إعلانك أونلاين" centered , subtext below: "تصميم إعلانات | فيديو | وصف منتجات" , phone number: 730638309 elegantly placed , minimal line icons for services , clean and balanced layout , high quality , commercial-ready , no people , no products , no excessive ornaments: ,

Hyper-realistic top-down macro photography. A long , light green WhatsApp speech bubble acting as a dining table. Two real living Indian young man (shrunk to tiny scale) are sitting at opposite ends. They are NOT plastic figures; they have visible skin texture , natural hair , and realistic clothing folds. They are eating real birthday cake that looks freshly cooked , not play-doh. The text inside reads: "HAPPY BIRTHDAY". Bottom right has a timestamp '3:33 PM' and blue ticks. The background is completely filled with a high-density , seamless WhatsApp doodle pattern (line art birthday icons) covering the entire surface edge-to-edge with no empty spaces , resembling the original dense WhatsApp wallpaper. Professional studio lighting , 8k resolution , sharp focus. ,

Two snowmen wearing black top hats stand together on a snow-covered hill at sunrise their body shape like numbers '6' and '7'. Soft golden light illuminates the snowy ground , trees , and distant valley , where a castle silhouette rests on the horizon. Small glowing lights hang from nearby branches , creating a peaceful winter morning scene filled with calm and warmth. ,

{ "scene_description": "A vibrant , mixed-media masterpiece featuring a photorealistic Kutchi Gujarati men's street-singer — using the MALE reference image , keeping his facial identity 100% intact — surrounded by a chaotic explosion of 2D Kutchi-style musical doodles." , "subject": { "type": "Same Kutchi's man from the reference image (50s) , identity preserved exactly" , "attire": "Dhoti , paired with a Kurta or the distinctive , embroidery Kediyo jacket with colorful needlework , large over-ear headphones" , "position": "Crouching pose on a white desert , kutch , adjusting his Leather Mojdi (made of leather with decorative embroidery and a long upturned point at the toe)" , "expression": "Chill , immersed in music , but keeping his natural facial structure and features" } , "action": { "primary": "Listening to music" , "effect": "The Hatsune Miku visually erupts as Kutchi-style doodle art around him" } , "illustration_layer": { "style": "Old-school hip-hop graffiti & doodle art" , "creatures": [ "Boomboxes with teeth" , "Microphone characters" , "Dancing musical notes with sneakers" , "Cassette tapes with eyes" ] , "graphics": "Sound waves , equalizer bars , lightning bolts , 'BOOM' text bubbles" , "colors": "Electric Blue , Hot Pink , Bright Orange , White outlines." } , "environment": { "setting": "Tiled white desert" , "background_elements": ["Blurred passing group of camels" , "Graffiti walls art that involves applying mud to a surface and decorating it with geometric shapes , often featuring a central diamond shape for strength and stability"] } , "lighting": { "style": "Cinematic Street" , "key_light": { "type": "Fluorescent tube glow" , "color": "Cool white" } } , "style": { "medium": "Mixed Media Photography" , "aesthetic": "Urban , rhythmic , loud" , "quality": "High-fidelity human subject (identity from reference preserved) , sharp vector-style graffiti overlay" } } ,

A documentary photograph of a woman in perfect Padmasana (Lotus Pose) seated on ancient weathered stone steps at Varanasi's ghats , captured with the rich color palette of Indian miniature paintings. She wears a handwoven Banarasi silk saree in deep turmeric gold , its pallu gracefully floating on the sacred Ganges waters , while her hands form the precise Gyan Mudra with eyes closed in profound meditation. Marigold garlands drift past in the current as a sadhu in ochre robes rings a temple bell nearby , with glowing diyas floating downstream and wisps of incense creating a hazy atmospheric glow. The scene is illuminated by brilliant golden hour backlight that creates dramatic rim lighting around her silhouette , with warm directional sunlight contrasting against cool water reflections , while the composition uses a slightly elevated three-quarter view with shallow depth of field that softly blurs the background pilgrims and riverbank activity , rich detail --ar 9:16 --raw , ,

"Comic strip with 3 panels. The style is french-belgium colorful , expressive , with bold outlines. In each panel , show three people — one man and two women — wearing traditional Argentine gaucho hats , sitting around a rustic wooden table enjoying a meal together. The setting is outdoors , like in the countryside , with grilled meat , bread , wine , and mate on the table. Panel 1: The characters arrive and greet each other happily. Text bubble (man): '¡Qué alegría verlas , che!' Text bubble (woman 1): '¡Robi ! Ya era hora de este asado!' Panel 2: They are eating and laughing together. Text bubble (woman 2): 'Nada como un buen asado con Robi.' Text bubble (man): 'Y con buen vino , ¡mejor todavía!' Panel 3: They raise their cups/mates in a toast. Text bubble (all): '¡Salud y que no falten nunca los pecados capitales!' ,


📄 УСЛУГИ ПЕЧАТИ И КСЕРОКОПИИ 🖨️ Предлагаем: ✅ Ксерокопия документов ✅ Печать текстов , рефератов , договоров ✅ Печать цветных и черно-белых фотографий ✅ Печать с ваших носителей отправка документов и фотографий чере WhatsApp И Telegramm ✅ Формат — A4 ✅ Быстро , качественно , недорого! 📍 Находимся по адресу: Королева 10А 📞 Телефон: +79965472654 ,