Редактор Weblium позволяет создавать сайты быстро и легко. Одно из самых существенных преимуществ, которое помогает в этом процессе — это глобальная цветовая палитра сайта. Палитра сайта автоматически подбирает подходящий цвет независимо от того, какой блок или элемент вы добавляете, и помогает сохранить дизайн сайта целостным.

Статья ниже поможет вам понять, как именно работает цветовая палитра.

Цветовая палитра сайта

Цветовая палитра отвечает за цвет различных элементов на сайте — например, текста в полях контактной формы, даты в постах блога или цены товаров. В целом большинство элементов можно также настроить вручную, но подбор цветовой палитры поможет вам сэкономить время и минимизировать дизайнерские ошибки.

1. Для того чтобы изменить цветовую палитру сайта, откройте редактор и нажмите на иконку Стили сайта в панели управления:

2. В разделе Цвета вы можете перейти к готовым пресетам и выбрать один из них:

… или вручную отредактировать палитру вашего сайта, нажав на нее:

3. В новом окне вы сможете отредактировать пять доступных оттенков:

Брендовый цвет

Это уникальный цвет, который подчеркивает главные элементы на вашем сайте. Его можно применять многократно для поддержания единого дизайна. По умолчанию используется в следующих элементах:

• для цены товара, если тот находится на светлом фоне
• для поля ценового диапазона и чекбоксов в фильтрах товаров

Акцентные цвета

Используются как дополнительный способ выделения объектов на сайте. Вы можете подобрать светлые и темные акцентные цвета, чтобы затем равномерно распределить их на сайте. По умолчанию используются в следующих элементах:

• рамка для текста в элементе Обратный отсчет (Темный акцент)

Фон и текст

Светлый базовый используется преимущественно для элементов, находящихся на темном фоне, а также в качестве фона для темных элементов.

Темный базовый оттенок палитры, наоборот, используется для цветов элементов, находящихся на светлом фоне.

По умолчанию, используются в следующих элементах:

• для разделителя и иконки развертывания текста в элементе Аккордеон (в зависимости от фона)
• для текста в элементе Обратный отсчет (в зависимости от фона)
• название локации в элементе Карта (Темный базовый)
• для цены товара, если тот находится на темном фоне (Светлый базовый)
• для названия товара (в зависимости от фона)
• в блоке wireframe-series-3-process для соединительной линии между пунктами (в зависимости от фона)
• для текстов в фильтрах товаров (в зависимости от фона)
• для элемента Ротатор текста (Темный базовый)

Для того чтобы изменения вступили в силу, не забудьте опубликовать свой сайт.

Последнее изменение: 22/09/2025