> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.weblium.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Налаштування стилів сайту

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

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

**Зміст**:
[Налаштування кольорів](#1-nalashtuvannya-koloriv)
[Налаштування шрифтів](#1-nalashtuvannya-shriftiv)
[Налаштування дизайну кнопок](#1-nalashtuvannya-dizajnu-knopok)

Щоб відкрити налаштування стилів вашого сайту, натисніть на **іконку з фарбою** у верхній панелі:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/nalashtuvannya-stiliv-saitu-uk_1w734p4.png)

# Налаштування кольорів

| ${color}[#1aa900](Підказка:) детальніше про налаштування палітри ви можете дізнатися [у нашій статті](/uk/article/kolorova-palitra-sajtu-j3die1/).

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

Ви можете або самостійно **налаштувати вашу палітру** ①, або вибрати один з готових **пресетів** ②:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/nalashtuvannya-stiliv-saitu-uk_1w8n2jt.png)
Палітра складається з пʼяти відтінків: **брендового кольору** (ваш основний колір), двох **акцентних кольорів** (комплементарні кольори до вашого брендового), **світлого та темного кольору** (для текстів, фону тощо):
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/nalashtuvannya-stiliv-saitu-uk_qr0qrw.png)
# Налаштування шрифтів

| ${color}[#1aa900](Підказка:) детальніше про налаштування шрифтів ви можете дізнатися [у нашій статті.](/uk/article/zmina-shriftu-na-sajti-5eqxnz/)

У розділі **Текст** ви можете налаштувати набори шрифтів для різних ситуацій, наприклад, заголовків різного рівня, звичайних текстів чи посилань, як у багатьох відомих текстових редакторах.  

Аналогічно з палітрою, ви можете або вручну **налаштувати різні типи тексту** ①, або вибрати готовий **пресет** ②:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/nalashtuvannya-stiliv-saitu-uk_mdjw9y.png)
 Вам будуть доступні 12 типів тексту для редагування:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/nalashtuvannya-stiliv-saitu-uk_9gmk6m.png)
Де для кожного з яких ви зможете вибрати шрифт з доступних, завантажити свій, налаштувати його розмір, висоту, відступ між символами тощо для кожного розміру екрану окремо:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/nalashtuvannya-stiliv-saitu-uk_zdvngd.png)

# Налаштування дизайну кнопок

| ${color}[#1aa900](Підказка:) детальніше про налаштування дизайну кнопок ви можете дізнатися [у нашій статті](/uk/article/zmina-dizajnu-knopki-19e5nfd/).

Наразі доступно два варіанти дизайну кнопок, які ви можете налаштувати: **Головна** ① та **Другорядна** ②, також ви можете вибрати готовий пресет ③:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/nalashtuvannya-stiliv-saitu-uk_o0f3mb.png)
Кожен з цих варіантів можете мати **Основний** ① та **Альтернативний** ② дизайн, і для кожного варіанту кнопки ви можете налаштувати дизайн для **світлого** ③ та **темного** ④ фону окремо:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/nalashtuvannya-stiliv-saitu-uk_1mjbwvz.png)

Не забувайте [публікувати ваш сайт](/uk/article/publikaciya-sajtu-16hom55/) після змін, щоб вони застосувалися.