Da0ss

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

strizand.

Создай концепцию упаковки для линейки чая Одолень. Логотип названия бренда возьми из приложенного файла. ОДОЛЕНЬ — это функциональные чаи , которые помогают мягко поддерживать состояние в течение дня — утром , днём и вечером. Миссия продукта: Поддерживать человека в реальной жизни — когда он устал , собран , перегружен или просто хочет паузу — через функциональные чаи. Ценности бренда: 1) Поддержка без давления — рядом , чтобы поддержать , а не изменить человека. 2) Тихая устойчивость — спокойная сила важнее громких обещаний. 3) Уважение к корням — это забота , порядок и продуманность. Линейка делится на 3 раздела: 1. Утро. Роль: Бодрящий , мягкий утренний разгон , без жесткого кофеинового удара. Характер – Бодрый , яркий , но «натурал» - ощущение живости а не тахикардии. 2. День. Роль: Поддерживающий , держать концентрацию и ровную энергию. В течение дня. Характер – собранность , ясная голова , без сонливости и без «тремора» от кофе. 3. Вечер. Роль – расслабляющий , снять напряжение , переключиться на отдых , но без «вырубания». Характер – Теплый , уютный , «обнимающий» , идеален под сериал/книгу/ «болталку» Фон упаковки – предпочтительно светлый , с яркими акцентными элементами. Цвета яркие , насыщенные , «премиальные» Возможно использование элементов традиционного русского орнамента в современной стилистике , осовремененного , стильного , модного. Элементы орнамента могут содержать изображения сочетания вкусов , например «Мята+малина» , «Чабрец+Шиповник» , «Апельсин+Мята+Земляника». Размер упаковки: 12см х 8см х 5см Дизайн: высокое разрешение 4K , идеально подходит для электронной коммерции и демонстрации на полках. Без людей , без мультфильмов , акцент на натуральном премиум-качестве. ,

no_ne_

Детальное техническое задание для 3D-визуализации летней кухни 1. Общая концепция и ракурс Стиль: Промышленный рустик с элементами современной архитектуры Ракурс для визуализации: 3/4 вид спереди-сбоку под углом 45° , чтобы показать: · Полукруглый фасад · Наклон крыши назад · Разделение на две функциональные зоны · Конструкцию каркаса Окружение: Летний ландшафт с зеленым газоном , декоративным камнем по периметру основания , невысокими кустарниками на заднем плане. 2. Конструкция основания и фундамента Фундамент: · 10 винтовых свай диаметром 108 мм · Сваи расположены строго по схеме: 7 в зоне готовки (3×3м) , 3 в зоне хранения (2×2м) · Оголовки свай 150×150×4 мм , видны на 20-30 см над уровнем земли · Материал: сталь с антикоррозийным покрытием Нижняя обвязка: · Профильная труба 60×60×3 мм · Четко видимая геометрия: два соединенных квадрата + полукруглая дуга спереди · Цвет: матовый темно-серый или черный 3. Каркас и пространственная структура Вертикальные стойки: · Профиль 60×60 мм по всем углам и ключевым точкам · Главная особенность: стойки по полукруглой части - самые высокие (2800 мм) · Стойки задней стенки - низкие (2300 мм) · Промежуточные стойки с шагом 1200-1500 мм Передняя дуга: · Радиус 3000 мм от центра квадрата 3×3 · Собрана из 6-8 сегментов профильной трубы , сваренных по дуге · Плавный изгиб , подчеркивающий геометрию конструкции Верхняя обвязка: · Профиль 60×60 мм , образующий единый плоскостной скат назад · Угол наклона: 10-15° от высокой передней части к низкой задней 4. Крыша и кровельная система Стропильная система: · Профильная труба 60×40×2 , 5 мм · Шаг стропил: 900 мм · Направление: от высокой передней дуги к низкой задней стенке Кровельное покрытие: · Профлист С8 цвета RAL 8017 (шоколадно-коричневый) · Характерный рельеф профиля должен быть хорошо виден · Торцы кровли закрыты доборными элементами в тон 5. Функциональное зонирование и оборудование Зона готовки (левая часть 3×3 м): Центральный элемент: · Стационарный мангал из черного металла с чугунной решеткой · Вытяжной зонт из нержавеющей стали , переходящий в трубу диаметром 150 мм · Труба выходит через кровлю с соблюдением противопожарных отступов Левый сектор: · Глиняный тандыр на металлическом постаменте · Отделочный материал: декоративный кирпич или камень Правый сектор: · Столешница глубиной 600 мм из искусственного камня темного цвета · Встроенная мойка из нержавеющей стали · Нижние тумбы для хранения кухонной утвари Зона хранения дров (правая часть 2×2 м): Организация хранения: · Сотовые поленницы: дрова сложены в виде шестигранных ячеек · Высота поленниц: 1200-1500 мм · Породы древесины: береза , дуб (видна текстура коры) Обшивка: · Боковые и задняя стенки зашиты металлической решеткой · Размер ячейки решетки: 100×100 мм · Цвет решетки: темно-серый матовый 6. Материалы и отделка Металлические конструкции: · Все элементы каркаса: профильная труба с матовым черным покрытием · Сварные шлы должны быть аккуратными , видимыми · Антикоррозийная обработка: грунт + молотковая эмаль Отделочные материалы: · Зона готовки: натуральный камень или клинкерный кирпич · Столешницы: искусственный кань темно-серого цвета · Напольное покрытие: керамогранит с текстурой под сланец 7. Детализация и атмосфера Освещение: · 3-4 подвесных светильника в индустриальном стиле под крышей · Точечная подсветка рабочей зоны мангала · Теплый свет (2700К) для создания уютной атмосферы Дополнительные элементы: · Вентиляционные зазоры под кровлей · Водосточная система с медными элементами · Противопожарный лист за мангалом · Крючки для кухонного инвентаря на стойках · Деревянные разделочные доски на столешнице 8. Технические параметры для рендеринга Время суток: Вечерние сумерки (18:00-19:00) Освещение: · Теплый искусственный свет от светильников · Остаточный естественный свет закатного неба · Мягкие тени от конструкций Камера: · Фокусное расстояние: 35 мм · Высота камеры: 2 , 0 м от уровня земли · Угол: 45° к фасаду с смещением влево Атмосфера: · Легкая дымка от мангала · Несколько поленьев у тандыра · Кухонные принадлежности на столешнице · Естественное "обитаемое" пространство ,

pazhilojgleg

Она стоит у стены из тёплого кирпича в узком переулке старого города. Фон размытый , вдали — тёплые огни кафе , блики фар и отражения на мокром асфальте. Камера захватывает её в полный рост. Свет падает сбоку , подчёркивая изгибы тела и контуры ног. Атмосфера вечернего города — романтичная , тёплая и слегка кинематографичная. У нее светлая кожа , длинные , пышные и объемные светлые волосы , милое , молодое и выразительное лицо с темными бровями , тонкие черты лица и эстетика «альтернативной девушки». Её фигура — высокая , соблазнительно женственная и в то же время мощная: очень большой , внешне выдающийся колоссальный бюст; узкая талия с выраженным прессом; широкие , атлетичные бёдра. Ноги — особенно длинные и эффектные , занимают около 65% всего роста , визуально вытягивая силуэт. Икры — привлекательно рельефные , с естественным изгибом , что делает ноги особенно эффектными и притягательными. Ягдицы — упругие , округлые и весьма крупные. Композиция её тела завершена плавно-рельефной линией спины и таза , особенно выразительной в движении и профиле. Широкие бедра и впечатляюще широкий выразительный таз создают соблазнительный контраст с узкой талией , добавляя фигуре чувственной полноты и гармонии. Естественное , чуть заметное расстояние между ногами подчёркивает ширину бедер , сохраняя при этом стройность и манящую длину ног. Эти линии плавно переходят друг в друга , подчёркивая естественную женственность и притягательность её высокого силуэта. На ней элегантное чёрное мини-платье с тонкими бретелями и открытой спиной — платье подчёркивает её фигуру , сидит плотно , но без излишней откровенности. На ногах — аккуратные босоножки на высоком каблуке. Макияж с акцентом на глаза: тёмные тени , чёткие стрелки , густые ресницы; губы — тёплый матовый нюд. Волосы собраны в объёмный хвост , пара прядей ниспадает на скулы. В ушах — длинные тонкие серьги , на запястье — кожаный браслет. Поза уверенная и выразительная: одна нога немного вперёд , корпус повернут с ,

shkunova

художник женщина с белыми волосами собранными в да коротких хвостика , как ушки , в очках , в светлом платье моды 50-х годов прошлого века , расписывает боьшой ьсундук в стиле хохломы ,