Сайт студии в фирменном стиле: свои цвета, видео-обложка и бегущая строка

Сайт на конструкторе часто выдаёт себя с первого экрана: те же цвета, та же стоковая картинка, тот же шрифт, что и у сотни других студий. А клиент выбирает глазами — студия растяжки в лавандовых тонах и кроссфит-зал в графите с янтарной кнопкой «Записаться» ощущаются как разные миры. В Studio-admin страницу студии можно перекрасить и пересобрать под свой бренд без дизайнера и вёрстки. Разберём всё по порядку.

Всё оформление — в одном разделе

Откройте в левом меню раздел «Сайт». Это конструктор страницы: карточки-подразделы, и у каждой видно, что заполнено, а что стоит по умолчанию. За внешний вид отвечают четыре карточки: «Оформление» (слоган, описание, логотип, обложка, цвета), «Дизайн текстов», «Галерея» и «Свои разделы».

Главное удобство — живой предпросмотр: в каждом подразделе рядом с формой открыт ваш сайт, и любое изменение — цвет, слоган, фото — отражается в нём мгновенно, ещё до сохранения. Экспериментируйте смело: пока не нажали «Сохранить», посетители ничего не заметят.

Цвета: готовая тема или точное попадание в бренд

Первый экран: фото или видео

Обложка — то, что видят все без исключения. Пока своей нет, там стоит картинка по вашей сфере деятельности, и форма честно подсвечивает это плашкой «Сейчас стоит дефолтная картинка по сфере». Загрузите своё фото в поле «Обложка hero-секции» — большое, с вашим залом, светом и атмосферой.

А можно пойти дальше: поле «Видео-обложка» заменяет фото живым видеофоном. Занятие в движении, прыжки, руки мастера за работой — короткий ролик передаёт атмосферу сильнее любой фотографии.

Плашка на обложке

Поверх обложки сайт показывает плашку с коротким описанием — по умолчанию она собирается автоматически из сферы, метро и района или города. Настраивается в «Сайт» → «Основное»: кликните по тексту плашки прямо в форме (значок ✏️) и напишите свой вариант, кнопка «↺» вернёт автотекст, а в списке рядом выбирается, где её показывать.

Бегущая строка лозунгов

В «Оформлении» есть поле «Лозунги (бегущая строка под hero)». Добавьте несколько коротких фраз — «Прыгай выше — живи ярче», «Первое занятие бесплатно» — и на сайте они побегут строкой под первым экраном, со звёздочками-разделителями в цвете вашей темы. Приём из мира модных брендов, а настраивается за минуту: вписали фразу, нажали «Добавить», лишнюю убрали крестиком.

Галерея: покажите пространство

Раздел «Сайт» → «Галерея» — фотографии вашей студии. Каждое загруженное фото сохраняется сразу, стрелками ↑↓ меняется порядок, крестиком — удаляется. Ставьте первыми самые сильные кадры: зал в лучшем свете, занятие с людьми, детали интерьера. Для клиента, который выбирает между двумя студиями, живые фото часто решают всё.

Свои блоки — в любом месте страницы

Стандартных секций может не хватить: акция месяца, история студии, правила посещения. Для этого есть «Сайт» → «Свои разделы»: нажмите «+ Добавить раздел», впишите заголовок и текст, при желании добавьте картинку. Главное — выпадающий список «Где разместить»: блок встаёт в любое место страницы — «В начале (после шапки)», «После расписания», «Перед контактами» и ещё семь позиций. Порядок блоков меняется стрелками.

Галочка «Показывать на сайте» позволяет заготовить блок заранее и включить в нужный день — удобно для сезонных акций: написали в четверг, показали в понедельник.

Дизайн текстов: точечная настройка

Последний штрих — «Сайт» → «Дизайн текстов». Это визуальный редактор: перед вами превью сайта, кликаете по любому заголовку — и меняете ему шрифт, размер и цвет прямо на месте. Размер сохраняется отдельно для телефона и компьютера — режим переключается кнопками «📱 Телефон» и «🖥 Компьютер» сверху. Название студии крупнее, слоган изящным шрифтом, заголовок акции — цветом акцента: мелочи, из которых складывается характер страницы.