Как настроить стиль страницы
Вы можете настроить дизайн вашего сайта под единый стиль бренда. Формируйте визуальную идентичность с помощью основной цветовой палитры и шрифтов для элементов сайта. Настройки, которые вы выбрали в Стиле страницы, будут наследоваться всеми остальными элементами.
Рекомендуем копировать элементы, чтобы сохранить единый стиль в дизайне страницы без дополнительной настройки.
Читайте про кастомную настройку элементов в статье Настройка внешнего вида элементов.
Чтобы перейти к настройкам стиля страницы, нажмите на соответствующий значок страницы в левом верхнем углу.
Далее выберите Настроить напротив нужного элемента.
Цветовая палитра
Вы можете выбрать предустановленную цветовую схему — цвета, которые будут преобладать в элементах сайта.
Или настроить цветовую схему всех элементов по отдельности:
| Светлый (Light) | Используется как фон для темных элементов сайта. |
| Темный (Dark) | Используется как фон для светлых элементов сайта. |
| Основной (Primary) | Цвет вашего бренда, используется для привлечения внимания. |
| Вспомогательный (Secondary) | Используется для привлечения внимания, контрастируя с основным. |
| Акцентный (Accent) | Используется для выделения уникальных элементов сайта. |
Стили текста
Вы можете выбрать предустановленные шрифтовые пары или настроить шрифты для абзацев и заголовков, чтобы они соответствовали стилю вашего сайта и сохранялась целостность дизайна.
Чтобы настроить шрифты для абзацев и заголовков по отдельности, перейдите в настройки. Выберите шрифт, его размер, отформатируйте буквы заглавными или строчным, а также отрегулируйте высоту и ширину строки.
Стили кнопок
Из предустановленного списка стилей кнопок можно выбрать один.
Также можно настроить свой стиль для обоих видов кнопок (основной и вторичный): выбрать шрифт, цвет текста и фона, настроить контур.
| Основной (Primary) | Используется для первоочередных кнопок призыва к действию, где нужно привлечь больше внимания. |
| Вторичный (Secondary) | Используется для менее важных кнопок. Цвет этой кнопки по умолчанию более бледен. |
Также вы можете добавить эффекты при наведении, чтобы увеличить количество конверсий и побуждать посетителей выполнить действие на странице.
| Прозрачность (Opacity) | Изменяется прозрачность кнопки со 100% на указанный. |
| Тень (Shadow) | Вокруг кнопки появляется тень по периметру. |
| Альтернативный цвет (Alternative color) | Цветовая схема кнопки будет изменяться.
Выберите цвет текста, фона и контура, которые будут отображаться при наведении. |
Можно редактировать отдельные элементы, колонки, секции и блоки раздельно для мобильной и десктопной версии сайта
Читайте больше: Как настроить мобильную версию сайта.
Обновлено: 20.03.2024
или