> ## 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-nastrojka-cvetov)
[Настройка шрифтов](#1-nastrojka-shriftov)
[Настройка дизайна кнопок](#1-nastrojka-dizajna-knopok)

Чтобы открыть настройки стилей вашего сайта, нажмите на **иконку с краской** в верхней панели:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/nalashtuvannya-stiliv-saitu-ru_19tb6ce.png)
# Настройка цветов

| ${color}[#1aa900](Подсказка:) подробнее о настройке палитры вы можете узнать [в нашей статье.](/ru/article/izmenenie-shrifta-na-sajte-1t1brog/)

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

Вы можете либо самостоятельно **настроить вашу палитру** ①, либо выбрать один из готовых **пресетов** ②:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/nalashtuvannya-stiliv-saitu-ru_9lmdoa.png)
Палитра состоит из пяти оттенков: **брендового цвета** (ваш основной цвет), двух **акцентных цветов** (комплементарные цвета к вашему брендовому), **светлого и темного цвета** (для текстов, фона и т. д.):
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/nalashtuvannya-stiliv-saitu-ru_1njrujs.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-ru_18ukjh7.png)
Вам будут доступны 12 типов текста для редактирования:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/nalashtuvannya-stiliv-saitu-ru_bqokmg.png)
Где для каждого из них вы сможете выбрать шрифт из доступных, загрузить свой, настроить его размер, высоту, отступ между символами и т. д. для каждого размера экрана отдельно:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/nalashtuvannya-stiliv-saitu-ru_q7z37j.png)
# Настройка дизайна кнопок

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

Сейчас доступно два варианта дизайна кнопок, которые вы можете настроить: **Главная** ① и **Второстепенная** ②, также вы можете выбрать готовый пресет ③:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/nalashtuvannya-stiliv-saitu-ru_rztq5x.png)
Каждый из этих вариантов может иметь **Основной** ① и **Альтернативный** ② дизайн, и для каждого варианта кнопки вы можете настроить дизайн для **светлого** ③ и **темного** ④ фона отдельно:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/nalashtuvannya-stiliv-saitu-ru_127m69u.png)
Не забывайте [публиковать ваш сайт](/ru/article/publikaciya-sajta-1xvrq6l/) после изменений, чтобы они вступили в силу.