Search Results for 111
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 отсутствует — весь текст по теме. ## КОНЕЦ ПРОМТА (копировать до этой строки) ,
Cequita is 5’7.ebony. Also thick overall. Very large calves , tight strong abs , Cequita has alluring brown eyes and thick , dark , straight hair halfway down her back. She has pretty hands and naturally long nails. Her legs are muscular naturally flawless Skintone and shapely. her hips are wide thick full , rounded big glutes and big full pecs , in nurse uniform , her calves are big and full and muscular ,
"An epic , insanely detailed cinematic masterpiece of a massive polar bear standing on a frozen arctic glacier , completely wreathed in a swirling , magical flame shield. The bear's fur is thick and white , casting a brilliant glow that reflects off the glowing blue ice. Volumetric orange and crimson magic flames orbit its body , protecting it from a swirling blizzard. Fantasy realism , 8k resolution , dramatic lighting , D&D character art style , hypermaximalist , intricate." ,
Highly Detailed Portrait Image of Gorgeous very curvy sun-hourglass physique Gwyneth Paltrow Standing up back to the camera with her arms down by her side and her legs straight together head to feet. She wearing dirty long-sleeve blue latex shirt with dirty yellow "111" on back , a tattered dirty no-pocket latex long pant with holster belt and wristcom , and a sideway green beret . painting by Jko , Norman Rockwell and Alex Ross and Gil Elvgren making a in full watercolor art style of. , colorful background of a weathered concrete tower , and a colossal airship with its copper-plate airbag on the top side of the tower , cyberpunk 2099 blade runner 2049 neon ,
Masterpiece photorealistic full-length , natural skin , no make-up , a petite beautiful european pale 18-years-old teenage girl green eyes short brown square hairstyle little freckles on face , girly face , shy smile , flat chest , white skin , little black demon horns , one black long silky demon tail , fat thigh , casual tee-shirt matching miniskirt and sneakers standing up happy handing books , she have a schoolbag , in a modern school atrium. Other teenagers in casual outfits Are passing.Cinematic style ,
From behind view of a blonde female wearing dirty form-fitting blue latex with dirty yellow 13 on her back , holster and hip pouches , pale strong thighs in form-fitting latex pants step on a blue futuristic gearbox with label "Big MT" , she is checking an old console. In the background is abandoned , derelict science lab silhouetted against a blue-smog-filled sky , white steam billowing from broken smokestacks. Intricate rusty steampunk gears and pipes snake across the decaying facade , hinting at a forgotten industrial past. tiny electric arcs between gears , sparking blue. Emergency lights on doorway shining blueish across view and illuminating her body curves. An old mainfraime with letters "BIG MT" against the wall. The scene is rendered in a moody digital painting style with dramatic , cinematic lighting , emphasizing deep shadows and a limited , desaturated color palette. , , intricate details , HDR , beautifully shot , hyperrealistic , sharp focus , 64 megapixels , perfect composition , high contrast , cinematic , atmospheric , moody ,
A surreal , dreamlike record store where the aisles are made of flowing water and the records are embedded with glowing crystals. A figure , partially submerged , reaches for a record that hums with ethereal energy. The background is a dark , cosmic void sprinkled with distant , shimmering stars. This piece combines elements of fantasy art with a touch of surrealism and digital painting techniques. ,
From behind of A classic Fallout Vault Girl , dressed in blue jumpsuit with yellow number 111 on the back , showing strong thighs , stands on the deck of a massive , retro-futuristic zeppelin , light shining on her back. She is gazing out at the sprawling , ruined Pentagon of the US Capital Wasteland below. The scene is depicted in a gritty , post-apocalyptic concept art style , with dramatic , atmospheric cinematic lighting and a desolate , muted color palette , evoking the style of Marek Denko and Sparth. The airship's weathered metal gleams under a hazy , polluted sky , with embers and smoke rising from the ruins. Cinematic film still , shot on v-raptor XL , film grain , vignette , color graded , post-processed , 35mm film , live-action , best quality , a masterpiece , epic , stunning , dramatic. ,
photo of beautiful bikini armor gyaru , beautiful female warrior , beautiful sensuous eyes , (photo realistic:1.5) , (physically-based rendering:1.5) , 8K , metal armor , weapon , long (sword:1.5) carry on back , belt dagger , armrest , hair ornament , Headpiece , Gemstones , leather belt bag , boots , rest in mountain view ,
Una chica de apariencia joven.Destalles: color de piel es entre beige , durazno , amarillo claro. Cabello castaño-rubio con ligeros colores rubios donde da la luz y de castaño oscuro cuando hay sombra en el cabello , se ve que el cabello pesa pero se auto sostiene , cabello finamente cortado , mismo tamaño de corte , sin curvas en el corte de cabello , ojos azules.Transmite; que se cuida , que no es promedio , ni natural.Cámara: fija , frente a la chica , y muestra de los pies a la cabeza.Escena o fondo: blanco como una foto formal.La chica está de frente , los ojos definidos , mirando a la cámara y postura neutral , gesto facial neutral.Cuerpo con curvas , pero no genéricas , caderas anchas , hombros angostos , costillas cóncavas y estrechas , y cintura pequeña , glúteos redondos y sobresalientes , pero no exagerados , medio grandes , pechos medio grandes y redondos. Poca grasa en la cara , en el cuello , en las costillas y hombros , en el abdomen , abdomen plano , abdomen casi cóncavo , muslos gruesos pero no exagerados , mandíbula femenina , pómulos femeninos , pestañas largas y gruesas y una densidad de pestaña es abundante , cejas femeninas y curvas , nariz respingada , grasa en caderas y pechos y glúteos y tejido adiposo en todo el cuerpo y la cara , y tejido mamario en pechos. Short negros , donde es el marca las bragas abajo de los shorts , y también un top blanco que se le marca el sostén que está abajo de top blanco. Piernas largas y fémur largo. (No es chiste , no la hagas sexualizada , solo quiero coherencia anatomica y ya , de cuerpo completo) Labios gruesos y con forma. No vieja , no señora , joven. Es arte , .como que NSFW o como se escriba? Eh? Si me generaron un señora con unos pechos enormes no la reporto pero joder , por qué se te hace esto malo y bloqueable? ,
Masterpiece photorealistic full-length of a 21-year-old braid redhead girl with gogle in mechanical steampunk suit blue and white is standing up ahand on her hip and looking at a cute bronze and blue steampunk giant mechanical cat robot. In a coloured steampunk workshop a lot of broken old machinery all over the place , wall gaslight. A little green plant in the room ,
realistic , masterpiece , best quality , ultra highres , score_9 , score_8_up , score_7_up , 1girl , solo , medium shot , standing between grand stone pillars , brilliant sunlight piercing through giant stained-glass windows like a colorful aurora , casting vibrant rainbow beams that illuminate her face , she has long silver-blonde hair in high twin tails with blue ribbons , wearing a modest white Victorian-style blouse with frills , the 2.5D lighting creates a soft effect around her , sparkling dust motes , serene and magical atmosphere , cinematic lighting , masterpiece ,
A stunning illustration of a mature woman seated on a rock desert , wearing a dark embroidered fabric partially veiling her lower head , heavy ornate silver jewelry (large arabian necklace , metallic bangles). Two Baby camels , known as calves accompany her: one with striking white skin and the other with muted tones. The dry background and dusty atmosphere create an enchanting , surreal mood. ,
Masterpiece photorealistic full-length freckled brown wavy shoulder hair 40yo beautiful elfic woman wearing a blue and purple sleek , form-fitting victorian steampunk sleeveless turtleneck opened lace swimsuit , barefoot . Her face is distinctly human with expressive , bright blue eyes and a gentle smile. She have her right hand on her hip. she's laying on a red confortable sofa and hugging lovely a 25yo freckled pale long auburn hair beautiful young elfic woman with green eyes , wearing a victorian opened lace green and blue steampunk sleeveless swimsuit with clockworks parts on , barefoot , they are in a wooden steampunk boudoir. we can see a blue moon through a window ,
One giant text "6 7" in 3D shaped , floating vortex stairs. Escher reach it from many different angles. Impossible shapes , kid on step. Asymmetrical. Psychedelic. Surrealism , seashells creating a layered paper textures , where the stones extends into the distance , beach sand extends into the distance background. Intricate design. High details. ,
A girl walking through a high sloppy hill , in the style of ethereal trees , dark lemon and azure , majestic , sweeping seascapes. Style: Celestial , ethereal , abstract , digital art smoking: Dramatic backlighting , bright glowing particles , contrasting day-time 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. ,
Whole body , solo , outstanding woman , futuristic female dancer in a (intricate futuristic belly dance clothing , Revealing clothing) , ((sweaty , dancing , dynamic pose , perfect body dancer costume , perfect anatomy , anatomically correct , )) , beautiful thin medium hair , hair fluttering , detailed hair depiction , face , perfect beautiful face , makeup , smile , detailed skin , fair skin , Barefoot (((show feet))) (detailed futuristic iridescent dancer outfit , intricate designed costume , complex patterns , spangles , vibrant colors , beautiful decorations) , detailed depictions of background , futuristic , intricate backgrounds , ((best quality , 8k , highres , masterpiece:1.2) , ultra-detailed , (realistic , photorealistic , photo-realistic:1.37) , HDR , UHD , incredibly absurdres , studio lighting , ultra-fine painting , sharp focus , physically-based rendering , extreme hyper detail descriptions in the artwork , professional , vivid colors , perfect anatomy) , ,