Редактор Weblium дозволяє створювати сайти швидко та легко. Одна з найсуттєвіших переваг, яка допомогає в цьому процесі — це глобальна кольорова палітра сайту. Палітра сайту автоматично підбирає доречний колір незалежно від того, який блок або елемент ви додаєте, і допомогає зберігати дизайн сайту цілісним.

Стаття нижче допоможе вам зрозуміти, як саме працює кольорова палітра.

Кольорова палітра сайту

Кольорова палітра відповідає за колір різноманітних елементів на сайті — наприклад, тексту у полях контактної форми, дати у постах блогу чи ціни товарів. Загалом більшість елементів можна також налаштувати вручну, але підбір кольорової палітри допоможе вам зекономити час та мінімізувати дизайнерські помилки.

1. Для того щоб змінити кольорову палітру сайту, відкрийте редактор та натисніть на іконку Стилі сайту у панелі керування:

2. У секції Кольори ви можете перейти до готових пресетів та обрати один з них:

… або вручну відредагувати палітру вашого сайту, натиснувши на неї:

3. У новому вікні ви зможете відредагувати пʼять доступних відтінків:

Брендовий колір

Це унікальний колір, який підкреслює головні елементи на вашому сайті. Його можна застосовувати багаторазово для підтримання єдиного дизайну. За замовчуванням, використовується у наступних елементах:

• для ціни товару, якщо той знаходиться на світлому фоні
• для поля цінового діапазону та прапорців у фільтрах товарів

Акцентні кольори

Використовуються як додатковий спосіб виділення об'єктів на сайті. Ви можете підібрати світлий та темний акцентні кольори, щоб потім рівномірно розподілити їх на сайті. За замовчуванням, використовуються у наступних елементах:

• рамка для тексту в елементі Відлік (Темний акцент)

Фон та текст

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

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

За замовчуванням, використовуються у наступних елементах:

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

Для того щоб зміни вступили в силу, опублікуйте свій сайт.

Оновлено: 22/09/2025