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

Act as a world-class brand identity designer with 20+ years of experience specializing in luxury minimalist logos. Design a premium , timeless , award-winning logo for an industrial eco-friendly brand named: ورقة وجذع Warqah & Jitha About the Brand: Warqah & Jitha is a Yemeni industrial company manufacturing sustainable , locally produced rattan sticks as an eco-friendly alternative to imported natural rattan. The brand represents sustainability , local craftsmanship , environmental responsibility , premium quality , and modern Yemeni heritage. The logo must communicate: • Sustainability • Nature • Local manufacturing • Innovation • Premium craftsmanship • Eco-friendly materials • Trust • Elegance • Authentic Yemeni identity • Luxury simplicity Icon Design: Create a memorable geometric symbol by combining: • A natural leaf • A tree trunk or wooden branch • Several subtle rattan sticks integrated into the icon The integration should be clever using negative space. Avoid obvious clipart. The icon should be unique , scalable , iconic , and recognizable even without text. Design Style: Luxury Minimalism Modern Organic Scandinavian Simplicity Flat Vector Geometric Precision Negative Space Premium Branding Timeless Identity Clean Lines Swiss Design Monoline Balanced Composition Typography: Arabic: ورقة وجذع English: Warqah & Jitha Use elegant modern Arabic typography paired with a sophisticated sans-serif English font. Color Palette: Primary: Olive Green (#556B2F) Secondary: Natural Wood Brown (#7A5230) Accent: Warm Sand Beige (#D8C3A5) Optional Luxury Accent: Soft Matte Gold (#C7A55B) Background: Pure White Deliverables: • Full-color logo • Black version • White version • Icon only • Horizontal layout • Vertical layout • Luxury brand presentation • Packaging mockup • Wooden engraving mockup • Business card mockup • Stamp version • Social media profile icon The logo must look perfect on: Luxury packaging Wood engraving Product labels Gift boxes Shopping bags Website Mobile App Instagram Business cards Signage Requirements: No gradients No shadows No mockup effects inside the logo itself Vector style Simple but highly memorable Balanced proportions Professional branding Behance Featured quality Dribbble Top Shot quality Minimal but emotionally powerful The logo should be iconic enough to become a globally recognizable symbol similar to Apple , Nike , Airbnb , or Starbucks , using extremely simple geometry and intelligent negative space. ,

Act as a world-class brand identity designer with 20+ years of experience specializing in luxury minimalist logos. Design a premium , timeless , award-winning logo for an industrial eco-friendly brand named: ورقة وجذع Warqah & Jitha About the Brand: Warqah & Jitha is a Yemeni industrial company manufacturing sustainable , locally produced rattan sticks as an eco-friendly alternative to imported natural rattan. The brand represents sustainability , local craftsmanship , environmental responsibility , premium quality , and modern Yemeni heritage. The logo must communicate: • Sustainability • Nature • Local manufacturing • Innovation • Premium craftsmanship • Eco-friendly materials • Trust • Elegance • Authentic Yemeni identity • Luxury simplicity Icon Design: Create a memorable geometric symbol by combining: • A natural leaf • A tree trunk or wooden branch • Several subtle rattan sticks integrated into the icon The integration should be clever using negative space. Avoid obvious clipart. The icon should be unique , scalable , iconic , and recognizable even without text. Design Style: Luxury Minimalism Modern Organic Scandinavian Simplicity Flat Vector Geometric Precision Negative Space Premium Branding Timeless Identity Clean Lines Swiss Design Monoline Balanced Composition Typography: Arabic: ورقة وجذع English: Warqah & Jitha Use elegant modern Arabic typography paired with a sophisticated sans-serif English font. Color Palette: Primary: Olive Green (#556B2F) Secondary: Natural Wood Brown (#7A5230) Accent: Warm Sand Beige (#D8C3A5) Optional Luxury Accent: Soft Matte Gold (#C7A55B) Background: Pure White Deliverables: • Full-color logo • Black version • White version • Icon only • Horizontal layout • Vertical layout • Luxury brand presentation • Packaging mockup • Wooden engraving mockup • Business card mockup • Stamp version • Social media profile icon The logo must look perfect on: Luxury packaging Wood engraving Product labels Gift boxes Shopping bags Website Mobile App Instagram Business cards Signage Requirements: No gradients No shadows No mockup effects inside the logo itself Vector style Simple but highly memorable Balanced proportions Professional branding Behance Featured quality Dribbble Top Shot quality Minimal but emotionally powerful The logo should be iconic enough to become a globally recognizable symbol similar to Apple , Nike , Airbnb , or Starbucks , using extremely simple geometry and intelligent negative space. ,

A professional digital illustration , in the style of image_0.png , showing a silhouetted businessperson (man) standing on a steep mountain ridge , actively climbing using an ice axe. They are looking up towards a massive , luminous spiral nebula in the deep blue and gold twilight sky , identical in pattern and glow to the one in image_0.png. At the luminous center of the spiral is a stylized , glowing corporate logo , and the large , brilliant star from image_0.png is also present , shining above the peak. The person has a determined posture , wearing business casual attire and carrying a slim laptop bag. Distant , smaller mountain peaks are visible in the valley below. The entire scene is bathed in a magical , cool blue and warm golden light. High resolution , clean vectors , rich details. ,

The very curvy sun-hourglass physique brunette mexican lady wear form-fitting long-sleeve long-pant dirty brown leather outfit , wearing silver belt-and-holster , a futuristic neckguard and futuristic wrist-computer. She is standing on top of a rusty metal balcony , half smiling back at the camera. Background is a vast thick heavy red mist obscuring the spanish colonial style ghost town , street view on both sides , abandoned saloons , abandoned cafe with broken windows , abandoned overturned antique cars , darkened scary atmosphere , with a ruined belltowers illuminating by high fireworks. Some small dark and blurry humanoid figures inside the red mist. Farther away is some red mist-covered cliffs with dark ruined villa hinting at forgotten secrets and ancient narratives. The sky is roiling with thick red clouds. Store Signs: Several store signs are visible , indicating various businesses: "HOTEL" "LIQUOR" "COFFEE BAR" "Fancy Lads SHOP" "A Cuppa Joe" "Mongolian BBQ" "Sugar Bomb Cafe" The air is heavy with a sense of mystery and unspoken power. The lighting is cinematic , with soft yellow highlights catching the edges of the female curves , The style is painting by Jko , Norman Rockwell and Alex Ross and Gil Elvgren and Artgerm and Simon Dewey , making a in full watercolor art style of , , horror Gustave Doré Greg Rutkowski , horror Gustave Doré Greg Rutkowski , horror Gustave Doré Greg Rutkowski , detailed matte painting , deep color , fantastical , intricate detail , splash screen , complementary colors , fantasy concept art , 8k resolution trending on Artstation Unreal Engine 5 ,

Modern professional flyer design for a UK removals company named “1 Van 1 Man Removals” , orange white and black color scheme , large moving van with company branding , cardboard boxes , clean corporate layout , bold typography , sections for About Us , Services Offered , Why Choose Us , Service Areas , and contact information , icons for home removals , furniture moving , man and van services , and house clearances , UK map graphic , modern gradients , glossy business flyer style , high quality marketing poster , realistic moving equipment and furniture , clean infographic layout , landscape format. ,

Gloomy misty creepy parking garage with a small creepy terrifying monster crawling in the dark , ten pair of arms pierce through the dark mist , stretch to the ceiling. lone female wearing tattered tanktop holding chainsaw straight upward overhead walking away from the monster. abandoned rusty cars scattered on the walls either side. ceiling lights flickers red and yellow weakly in the dark . One female figure lie dead on the ground , wearing tattered dirty bloody short business dress. Dark , eerie atmosphere , muted colors , hazy background , ethereal and unsettling. Intricate details , horror concept art , by Simon Stålenhag , Pascal Blanche , Aaron Campbell , hyperrealistic , moody lighting , ominous presence , , detailed matte painting , deep color , fantastical , intricate detail , splash screen , complementary colors , fantasy concept art , 8k resolution trending on Artstation Unreal Engine 5 ,

create business card for it project that is website about news and social media trends. the concept of the project is that it's collects numerous social media publications and detects trends. the style must include purple (like electric purple or neon purple color). one side of card must be purple and the other white. on the purple side there must be word cloud with media trends (labubu , tiktok , ikea , k-pop etc). on the other side there must be name of project ("PODSLUSHKA") , it's URL and QR code ,

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 ,

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: ,

A cinematic promo photo showcasing premium online accounts for sale. Dark modern tech background with glowing digital network lines. Social media and email platform icons (Instagram , Facebook , Twitter X , Snapchat , TikTok , YouTube , Gmail , GitHub , TextPlus , TextNow , Google Voice , Yahoo , Outlook) smoothly animate onto the screen one by one , floating and glowing. Subtle neon blue and purple lighting , professional business vibe , smooth camera motion , high-end digital marketplace style , no people , no text , ultra-HD. ,

Top-view minimalistic mockup of two blank white business cards , clean and modern layout similar to a professional business card design. Both cards are fully white with no text , no logos , no icons , no QR codes. Flat 2D look without perspective distortion. No background elements , no table texture , no plants — pure white backdrop. Soft , even lighting , high-resolution , crisp edges. ,

Top-view minimalistic mockup of two blank white business cards , clean and modern layout similar to a professional business card design. Both cards are fully white with no text , no logos , no icons , no QR codes. Flat 2D look without perspective distortion. No background elements , no table texture , no plants — pure white backdrop. Soft , even lighting , high-resolution , crisp edges. ,

Top-view minimalistic mockup of two blank white business cards , clean and modern layout similar to a professional business card design. Both cards are fully white with no text , no logos , no icons , no QR codes. Flat 2D look without perspective distortion. No background elements , no table texture , no plants — pure white backdrop. Soft , even lighting , high-resolution , crisp edges. ,

Minimalistic mockup of two white business cards lying on a light textured surface. Both cards are fully visible in the frame. One card slightly overlaps the other. Soft realistic shadows clearly show that there are two separate cards. Subtle paper texture is visible on both cards. One card has a very light embossed abstract pattern (leaf-like curves) barely noticeable , the other is blank. Neutral soft lighting , high-resolution , clean aesthetic , modern design mockup ,

Create a premium minimalist logo for a law firm named “Femida Service”. Concept: – Symbol: elegant scales of justice , stylized or abstract , representing balance , law , and fairness. – Combine the symbol with clean , professional typography. – The logo should convey authority , trust , and modern professionalism. Design Style: – Minimalist and geometric. – Flat vector look — no gradients , shadows , or 3D effects. – Balanced composition with precise symmetry and generous white space. Colors: – Primary: Deep Navy Blue (#0D1B2A) – Accent: Judicial Gold (#C9A646) – Background: White or transparent Typography: – Use uppercase letters: FEMIDA SERVICE – Choose a serif or clean sans-serif font (e.g. , Playfair Display , Lora , Inter , or Helvetica Neue). Mood keywords: – Elegant , corporate , timeless , confident , law , justice , balance , premium , clarity. Goal: A logo suitable for a legal firm website , business cards , official documents , and presentations — clean , memorable , and professional. ,

Create a premium minimalist logo for a law firm named “Femida Service”. Concept: – Symbol: elegant scales of justice , stylized or abstract , representing balance , law , and fairness. – Combine the symbol with clean , professional typography. – The logo should convey authority , trust , and modern professionalism. Design Style: – Minimalist and geometric. – Flat vector look — no gradients , shadows , or 3D effects. – Balanced composition with precise symmetry and generous white space. Colors: – Primary: Deep Navy Blue (#0D1B2A) – Accent: Judicial Gold (#C9A646) – Background: White or transparent Typography: – Use uppercase letters: FEMIDA SERVICE – Choose a serif or clean sans-serif font (e.g. , Playfair Display , Lora , Inter , or Helvetica Neue). Mood keywords: – Elegant , corporate , timeless , confident , law , justice , balance , premium , clarity. Goal: A logo suitable for a legal firm website , business cards , official documents , and presentations — clean , memorable , and professional. ,

(business model with email automation) , modern concept , sleek design , impactful graphics , innovative elements , clean and professional look , vibrant color palette , dynamic layout , showcasing synergy between technology and email automation , high-quality visuals , ultra-detailed , futuristic ambiance , representing growth and digital transformation , appealing to target customers in the email automation. ,