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

An astronaut , tethered to a bustling space station exterior , is meticulously repairing a vast solar sail that unfurls like a giant iridescent petal. Earth hangs majestically in the background , a swirl of blues and greens. The scene is captured with the dramatic lighting and sharp details of an epic space opera , enhanced by cinematic color grading. ,

Edit the uploaded image while strictly preserving the original person's face , identity , facial structure , facial proportions , skin tone , expression , eye shape , nose , lips , jawline , and all recognizable facial features. Do not alter , beautify , replace , reinterpret , or redesign the face in any way. The character must remain instantly recognizable as the same person from the original image.Transform the subject into a dramatic anime-inspired illustration while keeping the exact face unchanged. Give the subject dark hair styled in a high ponytail with a few loose strands framing the face. Add striking turquoise eyes only if they already match the original image; otherwise preserve the original eye color. Dress the character in a dark hooded garment with intricate teal accents and glowing turquoise symbols.Keep the original pose and composition as much as possible. Position the subject slightly left of center , facing the viewer with the body angled slightly away. Raise the left hand toward the mouth with fingers slightly splayed , wearing dark gloves and sharp metallic rings.Add two large sweeping blades of glowing turquoise energy emerging from behind the head and curving forward around the character. Replace the background with a deep , inky black backdrop that emphasizes the glowing teal energy effects.Use dramatic cinematic lighting with strong contrast , vivid turquoise highlights , subtle rim lighting , and rich shadows. Maintain a close-up , eye-level perspective. Create a mysterious , powerful , slightly menacing atmosphere with premium anime artwork , crisp linework , detailed rendering , and high-end fantasy action aesthetics.Priority order:Preserve the original face and identity exactly.Preserve facial expression and likeness.Apply anime styling to clothing , hair , lighting , and effects only.Do not change age , ethnicity , facial proportions , or recognizable features. ,

Whimsical Hyper‑real caricature portrait of recognizable [Liu Yi Fei] with [toy chinese sword] arcing with lightning , in [ancient tomb] , wear white hanfu , with exaggerated proportion , rejuvenated into baby phase , large smooth forehead , , softly BABYFIED , BABY proportions , oversized head , compact torso , expressive facial structure , IMAX cinematic , no wrinkles , soft skin , baby pastel color palette. NO LETTERS , NO TITLES. Minimalist. , Molten copper and deep charcoal palette , crackling electric white highlights , smoldering amber glow , scorched metal and ash textures , heat distortion effects , explosive dramatic lighting , raw industrial atmosphere , primal and powerful mood , heavy contrast , savage energy aesthetic. ,

Masterpiece , photorealistic , full lenght , young body , natural skin , no make-up , a beautiful small petite pale 18-years-old european girl , shy smile , shoulder brown squarehair , young innocent girly freckled face , smile , flat chest no , fat thigh , round ass , barefoot , wearing dark-blue spandex sleeveless turtleneck sport bra , light-brown spandex minishort , standing up lovely her right hand on her hip , on a balcony over a futuristic city with futuristic harmonious buildings and trees and waterfall ,

Gorgeous Angelina Julie smiling back long red curly hair wearing blue latex , painting by Jko , Norman Rockwell and Alex Ross and Gil Elvgren and Artgerm and Simon Dewey making a in full watercolor art style of. Background is red cliff canyon wall with white-froth waves lapping on the coast. Sensual voluptous Monica bellucci wearing yellow fur leather , crouching to jump on the side , painting by Jko , Norman Rockwell and Alex Ross and Gil Elvgren and Artgerm and Simon Dewey making a in full watercolor art style of , intricate details , HDR , beautifully shot , hyperrealistic , sharp focus , 64 megapixels , perfect composition , high contrast , cinematic , atmospheric , moody Anne Hathaway , Zion National Park , Fallout Honest Heart , fallout zion , ,

A surreal landscape emerging from the time spill in air , rendered as a Fractal circuit Tessellation , with intricate , repeating holographic patterns and geometric tessellations. backdrop of dripping rainbow liquid , showing mountains , ocean and Matrix code flowing like sea waves. while iconic dolphin jumping from the hand , distance ocean with splash water-waves. ,

Extremely realistic , award-winning cinematic photograph , ultra-HD 32K resolution , hyperrealism , hyper-detailed photorealistic style , museum-grade realism , flawless composition , physically accurate lighting , global illumination , volumetric atmosphere , octane render 1.7 quality , IMAX film still , ultra-wide anamorphic lens look (14mm) , deep cinematic depth , zero noise , natural film grain , premium color grading. A lone Muslim warrior stands on a rocky outcrop , arms outstretched , facing massive , towering waves. He wears a flowing white thobe or jubba beneath a dark wool cloak with geometric embroidery , a leather belt holding a curved scimitar at his hip. A white turban (imama) is wrapped around his head , with loose ends billowing in the wind. His silhouette is powerful against the stormy sky—arms spread wide as if embracing or commanding the sea. The waves , rendered in dynamic , textured shades of deep blue and frothing white , create a dramatic , almost surreal tunnel effect with the sky visible through the center. The ocean's surface is choppy and violent. The overall mood is powerful , spiritual , and awe-inspiring—a warrior in communion with the raw force of nature. ,

Ilustración digital épica de alta calidad de un personaje humanoide masculino tipo superhéroe , cuerpo atlético y musculoso estilo gimnasio , postura firme y heroica , ubicado exactamente en el centro de la composición. El personaje está inspirado en el mundo de la lotería , la suerte y el tiro al blanco. Viste un traje ajustado moderno en colores azul , rojo , blanco y dorado , perfectamente integrados y equilibrados. En el pecho del personaje se muestra claramente el logotipo oficial de “TIRO GANADOR” , respetando su diseño original: diana roja y blanca , flecha azul , tipografía blanca y detalles dorados. El logotipo debe ser protagonista , limpio y perfectamente legible. El personaje sostiene un arco moderno con diseño elegante , metálico y futurista , y una flecha lista para disparar , alineada visualmente con una diana de tiro al blanco ubicada detrás de él. El arco y la flecha integran detalles en dorado , azul y rojo. Alrededor del personaje flotan de forma dinámica dados de lotería , monedas doradas brillantes , tarjetas de raspas y bolas numeradas de lotería , girando suavemente como energía de suerte sin saturar la escena. El fondo es claro , luminoso y moderno , con degradados suaves en tonos blancos , celestes y grises claros , con ligeros destellos dorados y rojos , transmitiendo éxito , fortuna y poder. En la parte superior de la imagen aparece el título grande con tipografía fuerte y moderna: “Nuevo Rebelde a la Lista”. En la parte inferior , como firma elegante y centrada , aparece el texto: “Tiempos Digitales Frena”. Estilo de ilustración digital realista-estilizado , ultra detallado , calidad 4K , iluminación dramática suave , colores vibrantes pero profesionales , acabado publicitario premium , composición equilibrada , pensado para redes sociales y material promocional. Sin caricatura infantil , sin distorsiones anatómicas , sin texto borroso , sin marcas de agua , sin ruido visual excesivo. low quality , blurry , extra fingers , deformed anatomy , bad proportions , watermark , text errors , childish cartoon style , oversaturated colors , dark background , messy composition ,

femme en latex noir , le visage couvert d'un masque sans yeux. Le trou de la bouche est obstrué par un gag noir. Elle porte des bijoux de corps en forme de gros anneaux reliés à des chaînes tombantes. Ses membres sont immobilisés par des entraves en aluminium et des chaînes industrielles. Sa coiffure est tirée vers le haut par une attache au plafond. Le rendu est net , mettant en valeur chaque détail du cuir et du métal. ,

Clean minimalist ebook cover background , vertical format. Soft gradient background in light blue , lavender and white tones. Modern flat or soft 3D illustration of a laptop on a desk. On the laptop screen: abstract shapes suggesting templates , checklists and digital pages (no readable text). Simple elements: notebook , coffee cup , small plant. Calm , friendly , beginner-focused mood. Professional digital product style. No text , no letters , no words. High quality , clean composition , plenty of empty space at the top and center. Isolated illustration , perfect for Canva overlay. PNG style , smooth lighting. Modern ebook cover mockup displayed on a tablet and laptop. Clean digital workspace , soft lighting. Minimalist design , professional look. No readable text , just layout and visual balance. Minimal flat icons related to digital products: checklist , document page , layout template , simple UI cards. Soft pastel colors , blue and purple tones. Clean vector style , isolated icons on transparent background. No text , no numbers. ,

(masterpiece , best quality , absurdres , highres) , ultra-detailed , very aesthetic , amazing quality , sharp focus , UHD , 8k , skin texture , , high depth of field , warm lighting , ray tracing , best lighting , nighttime , outside , concept painting , digital art style , drawn aesthetic , ultrahigh definition , perfect quality , absolutely eye-catching , detailed illustration , detailed background , handscdata not found matic , dynamic pose , dynamic angle , dynamic position , dynamic background , dynamic details , dynamic action , random position , random details , random decorations , randome pose , extremely detailed , random background , 1 girl , female , feminine , black hair , with neon pink highlights , space buns , dark make up , black camisole , net gloves , heavy eyeliner , modern , close up , extreme close up , looking_at_viewer , DeepNegative_xl_v1 ,

A vibrant , swirling black hole where black blurry smoke are shaped like Blowing vortex rings in air. Open mouth beings , pure energy given form , drift harmoniously through this cosmic ballet. Style: ethereal , abstract , digital art smoking: Dramatic backlighting , bright glowing particles , contrasting dark background Composition: dynamic diagonal composition , upward gaze Details: Sparkling white waves and smoke , streaking white light trails , sense of movement and wonder , magical atmosphere Quality: High detail , 4K , Masterpiece , Rendered in Octane. ,

À giant muscular chubby most busty femalebodybuilder , housewife woman BBW musclée , heavy weight bodybuildeuse géante et plantureuse with giant chest , imposante dame massive , beautiful make up Brigitte Bardot face , in a night club corridor , avec de gros seins , énormes biceps musclés , in blue marine laces transparent very short mini loose nightgown with heels , exposant les seins , bras musclés exposés , dominante , jambes massives exposées , agressive , ,

A modern , minimalist logo for a fintech bank named "VECTOR". The design should be based on a stylized , geometric letter "V". The left side of the "V" should be a solid , stable vertical line , symbolizing a foundation. The right side should be a dynamic , upward-slanting diagonal line , creating a sense of growth and direction. Combine these elements into a single , cohesive , and elegant abstract mark. On a white background use a deep , trustworthy blue (#0F2B5B) as the primary color , with an option to add a vibrant orange gradient (#FF7A00 to #FFB800) as an accent on the diagonal line to symbolize energy. The style is clean , professional , and sleek , suitable for a digital-first financial institution. No icons of coins , globes , or animals. --style raw --v 6.0 ,

A modern , minimalist logo for a fintech bank named "VECTOR". The design should be based on a stylized , geometric letter "V". The left side of the "V" should be a solid , stable vertical line , symbolizing a foundation. The right side should be a dynamic , upward-slanting diagonal line , creating a sense of growth and direction. On a white background use a deep , trustworthy blue (#0F2B5B) as the primary color , with an option to add a vibrant orange gradient (#FF7A00 to #FFB800) as an accent on the diagonal line to symbolize energy. The style is clean , professional , and sleek , suitable for a digital-first financial institution. No icons of coins , globes , or animals. --style raw --v 6.0 ,

A modern , minimalist logo for a fintech bank named "VECTOR". The design should be based on a stylized , geometric letter "V". The left side of the "V" should be a solid , stable vertical line , symbolizing a foundation. The right side should be a dynamic , upward-slanting diagonal line , creating a sense of growth and direction. Combine these elements into a single , cohesive , and elegant abstract mark. On a white background use a deep , trustworthy blue (#0F2B5B) as the primary color , with an option to add a vibrant orange gradient (#FF7A00 to #FFB800) as an accent on the diagonal line to symbolize energy. The style is clean , professional , and sleek , suitable for a digital-first financial institution. No icons of coins , globes , or animals. --style raw --v 6.0 ,

A modern , minimalist logo for a fintech bank named "VECTOR". The design should be based on a stylized , geometric letter "V". The left side of the "V" should be a solid , stable vertical line , symbolizing a foundation. The right side should be a dynamic , upward-slanting diagonal line , creating a sense of growth and direction. Combine these elements into a single , cohesive , and elegant abstract mark. Use a deep , trustworthy blue (#0F2B5B) as the primary color , with an option to add a vibrant orange gradient (#FF7A00 to #FFB800) as an accent on the diagonal line to symbolize energy. The style is clean , professional , and sleek , suitable for a digital-first financial institution. No icons of coins , globes , or animals. --style raw --v 6.0 ,

À giant muscular chubby femalebodybuilder , housewife woman BBW musclée , heavy weight bodybuildeuse géante et plantureuse with giant chest , imposante dame massive , beautiful make up Lisa Bonet face , in a bedroom , avec de gros seins , énormes biceps musclés , in pink laces transparent very short mini loose nightgown with heels , exposant les seins , bras musclés exposés , dominante , jambes massives exposées , agressive , ,