01
Спокойный hero
Первый экран выглядит ближе к существующим корпоративным секциям сайта и не выбивается из общего визуального строя.
.sbv3{max-width:1120px;margin:0 auto;padding:12px 24px 72px;font-family:Inter,’DM Sans’,sans-serif;color:#212529}.sbv3 *{box-sizing:border-box}.sbv3 h1,.sbv3 h2,.sbv3 h3{margin:0;font-family:’DM Sans’,Inter,sans-serif;letter-spacing:-.03em}.sbv3 .tag{display:inline-block;padding:10px 14px;border-radius:999px;background:#eef8fb;color:#006c97;font-size:13px;font-weight:700;text-transform:uppercase}.sbv3 .hero,.sbv3 .card,.sbv3 .cta,.sbv3 details,.sbv3 .quote{background:#fff;border:1px solid #dbe7ee;border-radius:24px;box-shadow:0 10px 28px rgba(33,37,41,.05)}.sbv3 .hero{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;padding:40px;background:linear-gradient(180deg,#fff 0,#f7fbfd 100%)}.sbv3 h1{margin-top:20px;font-size:clamp(36px,4.5vw,58px);line-height:1}.sbv3 h2{font-size:clamp(30px,3vw,44px);line-height:1.05}.sbv3 .accent{color:#38b0df}.sbv3 p{margin:0;color:#4c5867;line-height:1.68}.sbv3 .lead{margin-top:18px;font-size:18px}.sbv3 .actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px}.sbv3 .btn,.sbv3 .btn2{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:14px 24px;border-radius:16px;text-decoration:none;font-size:17px;font-weight:700;transition:.25s ease}.sbv3 .btn{background:#38b0df;color:#fff;border:1px solid #38b0df}.sbv3 .btn:hover{background:#006c97;border-color:#006c97}.sbv3 .btn2{background:#fff;color:#212529;border:1px solid #dbe7ee}.sbv3 .btn2:hover{color:#006c97;border-color:#38b0df}.sbv3 .side{padding:24px;border-radius:22px;background:#eef8fb}.sbv3 .points{display:grid;gap:12px;margin-top:16px}.sbv3 .points span{display:flex;gap:10px;font-weight:600;color:#212529}.sbv3 .points span:before{content:»;width:10px;height:10px;flex:0 0 10px;border-radius:50%;background:#38b0df;margin-top:7px}.sbv3 .metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.sbv3 .metric{padding:14px 16px;border-radius:16px;background:#fff;border:1px solid rgba(56,176,223,.16)}.sbv3 .metric strong{display:block;font-size:26px;line-height:1;color:#006c97}.sbv3 .metric span{font-size:13px;color:#4c5867}.sbv3 .section{padding-top:26px}.sbv3 .head{max-width:760px;margin-bottom:20px}.sbv3 .head p{margin-top:12px;font-size:18px}.sbv3 .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.sbv3 .card{padding:24px}.sbv3 .num{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;margin-bottom:16px;border-radius:16px;background:#eef8fb;color:#006c97;font-weight:700}.sbv3 .quote{padding:26px;background:linear-gradient(180deg,#f7fbfd 0,#eef8fb 100%)}.sbv3 .quote p{font:500 22px/1.55 ‘DM Sans’,Inter,sans-serif;color:#212529}.sbv3 .faq{display:grid;gap:14px}.sbv3 details{padding:18px 20px}.sbv3 summary{cursor:pointer;list-style:none;font-weight:700;color:#212529}.sbv3 summary::-webkit-details-marker{display:none}.sbv3 details p{margin-top:12px}.sbv3 .cta{display:grid;grid-template-columns:1fr 420px;gap:24px;padding:30px;background:linear-gradient(135deg,#eef8fb 0,#fff 64%)}.sbv3 .form{padding:22px;border-radius:22px;background:#fff;border:1px solid rgba(56,176,223,.16)}.sbv3 .form .wpforms-container,.sbv3 .form .wpforms-container-full{margin:0}.sbv3 .form .wpforms-field input,.sbv3 .form .wpforms-field textarea,.sbv3 .form .wpforms-field select{border-radius:16px!important}.sbv3 .form .wpforms-submit{width:100%;min-height:50px;border-radius:16px!important;background:#38b0df!important;border:1px solid #38b0df!important;color:#fff!important;font-weight:700!important}.sbv3 .form .wpforms-submit:hover{background:#006c97!important;border-color:#006c97!important}.sbv3 .note{margin-top:12px;font-size:12px;color:#4c5867}.sbv3 .link{display:inline-block;margin-top:20px;color:#38b0df;text-decoration:none;font-weight:700}.sbv3 .link:hover{color:#006c97}@media (max-width:980px){.sbv3 .hero,.sbv3 .grid,.sbv3 .cta,.sbv3 .metrics{grid-template-columns:1fr}}@media (max-width:640px){.sbv3{padding:8px 12px 48px}.sbv3 .hero,.sbv3 .card,.sbv3 .cta,.sbv3 .quote,.sbv3 details,.sbv3 .form{padding:20px;border-radius:20px}}
Sherpa RPA Webinar Landing v3
Вебинар в стиле главной SherpaRPA.ru
Эта версия собрана уже по визуальным правилам главной страницы сайта: светлая основа, темный текст, фирменный голубой акцент, мягкие подложки, аккуратные карточки и спокойная корпоративная подача.
Что взято с главной как гайд
Основной акцент #38B0DF и темный hover #006C97.Темный текст #212529, светлая база и голубые подложки.Чистая сетка блоков, спокойные карточки и более родная для сайта форма.
v3отдельный URL
1 стильсогласован с главной
1 формарабочая WPForms
Как выглядит адаптация под наш бренд
Вместо внешнего промо-стиля эта страница теперь ощущается как естественная часть SherpaRPA.ru. Это уже не отдельный лендинг в чужой эстетике, а второстепенная страница, выросшая из текущего дизайна сайта.
02
Фирменные CTA
Кнопки и форма опираются на те же цветовые решения, которые уже видны на главной и в существующих формах сайта.
03
Практичный формат
Такую страницу легче использовать для реального вебинара или митапа, потому что она выглядит нативно для основного домена.
Если задача состоит в том, чтобы новая посадочная выглядела частью бренда Sherpa RPA, а не отдельным дизайнерским экспериментом, то именно это направление сейчас выглядит наиболее жизнеспособным.
Где этот вариант особенно уместен
Он лучше подходит для реальных вебинаров, консультаций, демо и временных кампаний на основном домене, когда доверие и визуальная цельность важнее отдельного вау-эффекта.
Вебинары и события
Можно быстро запускать страницы под конкретные даты и темы без ощущения, что посетитель попал на другой сайт.
Консультации и демо
Для корпоративной аудитории такая стилистика часто воспринимается надежнее и серьезнее, чем отдельный яркий промо-лендинг.
Тесты офферов
Отдельный URL позволяет сравнивать версии, не вмешиваясь в главную и не меняя постоянные продуктовые страницы.
Частые вопросы
FAQ здесь намеренно тоже более спокойный и сайтовый по тону, чтобы поддерживать общий стиль страницы.
Чем v3 отличается от v2?
v2 была ближе к внешнему референсу. v3 уже строится по стилю самой главной SherpaRPA.ru и потому выглядит более нативно для сайта.
Можно ли использовать этот вариант как основу для реальной страницы?
Да. Из протестированных направлений это самый близкий к практическому боевому использованию вариант на основном домене.
Что даст следующий уровень качества?
Дальше уже имеет смысл не только править контент страницы, но и при необходимости выносить часть стилистики в шаблоны темы, если такие страницы станут регулярными.
Регистрация на вебинар
Оставьте контакт и получите приглашение
Ниже встроена та же рабочая форма сайта. В этой версии она уже оформлена в визуальной логике главной: светлая подложка, фирменная голубая кнопка и спокойный корпоративный ритм страницы.
Отдельный URL для чистого теста.Стиль согласован с текущей главной SherpaRPA.ru.Подход подходит для реальных второстепенных лендингов под вебинары.
Это тестовая страница v3, собранная как адаптация под стиль главной SherpaRPA.ru. После проверки ее можно доработать, клонировать под реальное событие или удалить.