--- name: premium-business-landing description: "Проектирование и редизайн выразительных коммерческих лендингов без шаблонной AI-эстетики: связывает маркетинговые смыслы, предметный визуальный мир, композицию, арт и мобильный сценарий. Использовать для бизнес-лендинга, которому нужны сильная смысловая упаковка и высокий визуальный уровень; не использовать для простого аудита готовой страницы без запроса на изменение." --- # Премиальный бизнес-лендинг Создавай страницу как арт-директор и маркетинговый архитектор одновременно. Цель — превратить доказанную ценность бизнеса в особенный визуальный опыт, который ведёт к одному понятному действию. ## Входные данные До дизайна зафиксируй аудиторию, ситуацию входа, сомнения, коммерческий результат, основное действие, подтверждённые обещания, запрещённые утверждения, ассортимент, процесс, физические материалы, существующие URL, SEO, формы, аналитику и брендовые активы. Не останавливайся из-за второстепенного пробела: сделай обратимое допущение и пометь его. Не выдумывай цифры, клиентов, отзывы, гарантии и свойства. Вместо выдумки оставь место под конкретный будущий факт. ## Рабочий маршрут 1. Составь карту `смысл → доказательство → визуализация → действие`. Не начинай с сетки. 2. Назови одну предметную визуальную идею. Она должна происходить из мира бизнеса. Зафиксируй материал, свет, типографический голос, композиционный жест и один запоминающийся момент. 3. Построй драматургию по вопросам и сомнениям покупателя. Не применяй универсальную цепочку секций. 4. Сначала реализуй контрольный фрагмент: hero и две следующие главы, плюс самостоятельный мобильный вариант. Используй настоящую фактуру и арты, а не пустые CSS-фигуры. 5. Открой результат в браузере на 1440 × 1100 и 390 × 844. Проверь его по изображению, а не по коду. 6. Исправь шаблонность, иерархию, контраст, обрезания, мелкий текст, перекрытия и декор без функции. 7. Только после удачного фрагмента распространяй систему на всю страницу. 8. Сохрани рабочие URL, SEO, формы, интеграции и аналитику, если пользователь не попросил их менять. 9. Проведи полную техническую и визуальную приёмку опубликованного адреса. ## Предметная арт-дирекция Ответь до выбора стиля: - что человек должен почувствовать, чтобы сделать целевое действие; - какой физический предмет, процесс или место лучше всего выражает ценность бизнеса; - какая часть этого мира может стать композиционным правилом всей страницы; - на кого страница точно не должна быть похожа. Визуальная идея считается предметной, если её нельзя без потери смысла перенести в соседнюю нишу. «Тёмный премиум», «современный минимализм», «дорогой градиент» и «как Apple» — не идеи. Зафиксируй пять решений: - **материал:** бумага, металл, стекло, ткань, свет витрины, рабочая поверхность или другой правдивый материал из мира продукта; - **типографический голос:** характер текста и контраст ролей, а не случайную пару шрифтов; - **композиционный жест:** рабочую поверхность, витрину-сцену, разворот каталога, маршрут по карте; - **изображение:** что оно доказывает и как соединяется с фоном, текстом и соседним материалом; - **движение:** один осмысленный переход, а не рассыпанные появления при скролле. Смелость трать в одном-двух местах. Остальные элементы должны поддерживать их. ## Коммерческая драматургия Для каждой главы зафиксируй: вопрос посетителя, ответ страницы, доказательство, визуальный носитель и следующее действие. Удали главу, если она не отвечает на отдельный вопрос или повторяет предыдущую. Первый экран за один взгляд сообщает: кому страница, какой результат предлагается, почему предложение необычно и что произойдёт после кнопки. Заголовок не обязан быть огромным; он обязан быть точным. Показывай ассортимент ассортиментом, процесс — процессом, опыт — наблюдаемыми следами опыта. Если доказательства нет, не заменяй его словом «экспертный» или выдуманной цифрой. CTA называет следующий шаг и обещанный результат: обсудить точку, получить подбор, рассчитать конфигурацию. Канал связи вторичен. Повторяй CTA после снятого сомнения, а не через равные интервалы. ## Изображения и составные арты Изображение — часть аргумента. Оно показывает продукт, процесс, контекст применения или результат. Не запирай сильный арт в случайную закруглённую карточку. Разрешены полноформатные сцены, встроенные коллажи, предметные 3D-мокапы с фоном или без него, фотография, схемы и сочетания материалов. Для составного кадра заранее зафиксируй роль каждого слоя: главный объект, среду, доказательную деталь, направление взгляда и свободное место под текст. Не проси генератор рисовать интерфейсный текст, логотипы и точные схемы; добавляй их управляемыми слоями в вёрстке. ## Anti-slop заслоны Перед показом отвергни или предметно обоснуй: - универсальный hero из бейджа, огромного заголовка, серого подзаголовка и двух кнопок; - одинаковые закруглённые карточки для любых смыслов; - `01 / 02 / 03`, если содержание не является настоящей последовательностью; - служебный надзаголовок над каждой секцией; - бессодержательные градиенты, стекло, светящиеся шары и фоновые сетки; - один курсивный или цветной фрагмент в каждом заголовке как повторяемый трюк; - бежевый editorial, тёмный luxury или кислотный акцент как автоматический ответ на «премиальный»; - арт, запертый в стандартной карточке и не влияющий на композицию; - заметку или декор поверх заголовка, лица товара или CTA; - декоративный интерфейсный текст внутри сгенерированной картинки; - гигантскую типографику, превращающую русский заголовок в стену; - мобильную версию, полученную простым складыванием десктопных колонок; - тёмный фон с приглушённым серым текстом: атмосфера не оправдывает плохую читаемость. Соседние главы не должны иметь одинаковую высоту, сетку, выравнивание и носитель доказательств. Единство создают типографика, материал, цветовые роли и общий визуальный тезис. ## Проверка контрольного фрагмента На 1440 × 1100 и 390 × 844 проверь: - результат и действие видны без прокрутки; - на мобильном в первом экране есть CTA и значимая часть предметного арта; - арт загружается и работает как часть композиции; - нет перекрытий шапкой, обрезанного текста и горизонтального скролла; - липкая шапка не перекрывает контент после прокрутки; - основной текст не мельче 16 px на мобильном без предметной причины; - контраст основного текста не ниже 4.5:1; - CTA доступен клавиатурой и имеет видимый фокус; - при `prefers-reduced-motion` смысл и доступность не меняются; - консоль и сеть не содержат ошибок, вызванных страницей. Не переходи к полной странице, пока контрольный фрагмент не выдержал обе ширины. ## Полная страница и выходные данные В результате должны появиться карта смыслов и доказательств, названная визуальная идея, система типографики/цвета/пространства/изображений/движения, реализованный контрольный фрагмент, полная страница и отчёт приёмки. Перед сдачей перепроверь публичный URL, title, description, canonical, H1, robots, sitemap, JSON-LD, формы, мессенджеры, аналитику, изображения, консоль и основной сценарий до подтверждённого результата. Не выдавай концепцию или локальный HTML за законченный дизайн. Готовность определяется опубликованной страницей, двумя ключевыми размерами, работающим сценарием и отсутствием регрессий.