> For the complete documentation index, see [llms.txt](https://docs.iexexchanger.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.iexexchanger.com/help-center/ai-docs/klientskii-sait-i-prodvizhenie/design-constructor.md).

# Дизайн-конструктор

Дизайн-конструктор меняет общее оформление клиентского сайта: цвета, шрифт, скругления и размеры полей. Изменения в рабочей форме не видны посетителям, пока вы не нажмёте «Опубликовать».

Для работы требуется общее право на системные настройки или право «Настройки интерфейса». Изменение оформления влияет на весь клиентский сайт, поэтому доступ следует оставлять ограниченному числу сотрудников.

## Где находится

В панели управления откройте:

**«Настройки» — «Дизайн-конструктор»**

## Готовые стили

В блоке «Готовые стили» выберите основу. Каждый вариант содержит согласованные светлую и тёмную палитры. Выбор немедленно меняет «Живой пример», но не публикует оформление.

Просмотрите форму обмена, фон, карточку, основную кнопку, поля и информационные блоки. Название стиля описывает визуальное направление, а не назначение или уровень безопасности сайта.

## Основные настройки

### Показывать выбранный дизайн на сайте

Переключатель включает использование опубликованного оформления на клиентском сайте. Если он выключен, сайт продолжает использовать стандартное оформление.

### Шрифт

«Откуда брать шрифт» выбирает источник. «Шрифт устройства» не требует внешней загрузки. Для подключаемого источника выберите «Шрифт сайта» и задайте «Насыщенность шрифта» только поддерживаемыми значениями.

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

### Размеры

«Скругление углов» влияет на поля, кнопки и карточки. «Высота полей» меняет высоту элементов ввода и выбора. Эти значения вводятся в формате, который принимает форма; ошибочное значение может сделать элементы несогласованными.

Проверьте форму обмена, вход, регистрацию и поля заявки на компьютере и телефоне.

## Светлая и тёмная тема

Доступны режимы:

* «Раздельно» — светлая и тёмная палитры настраиваются независимо;
* «Светлая» — одна светлая палитра используется как общая;
* «Тёмная» — одна тёмная палитра используется как общая.

В раздельном режиме переключайтесь между вкладками и проверяйте обе палитры. Не копируйте цвет текста и фона без проверки контраста.

## Свой стиль

Нажмите «Собрать свой стиль». Изменяйте только роли, которые должны отличаться от выбранного шаблона. Для каждой группы доступно действие «Сбросить группу», возвращающее её к основе.

Задайте «Название стиля» и нажмите «Сохранить в библиотеку». Сохранение добавляет повторно используемый вариант в библиотеку, но само по себе не делает его активным на сайте.

Подробное назначение цветов описано в [«Цветах дизайн-конструктора»](/help-center/ai-docs/klientskii-sait-i-prodvizhenie/design-constructor/design-colors.md).

## Публикация

«Опубликовать» сохраняет выбранные настройки и применяет подготовленное оформление на клиентском сайте. Дождитесь сообщения «Оформление опубликовано на сайте».

«Обновить файл» повторно собирает файл оформления из уже сохранённых настроек. Используйте действие, если настройки верны, но клиентский сайт не получает актуальное оформление.

«Скопировать адрес» копирует публичный адрес файла оформления для диагностики. Не публикуйте внутренние или временные адреса в клиентской документации.

## Возврат к стандарту

«Вернуть стандарт» сбрасывает тему к стандартным значениям и применяет результат. Это изменение затрагивает весь сайт. Перед подтверждением сохраните нужный пользовательский стиль в библиотеке и зафиксируйте ожидаемый вид.

## Проверка после публикации

1. Откройте `https://ваш_домен` в новой приватной сессии.
2. Проверьте главную страницу и форму обмена.
3. Переключите светлую и тёмную тему, если это доступно клиенту.
4. Проверьте поля, кнопки, ошибки, выпадающие списки и диалоги.
5. Откройте вход, регистрацию и карточку заявки.
6. Проверьте компьютер, планшет и телефон.
7. Убедитесь, что текст читается при наведении, фокусе и отключённом состоянии.

Если старое оформление сохраняется, сначала обновите страницу без кэша. Затем проверьте переключатель использования дизайна и повторно нажмите «Обновить файл». Не сбрасывайте тему, пока не подтверждено, что проблема находится именно в сохранённых настройках.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.iexexchanger.com/help-center/ai-docs/klientskii-sait-i-prodvizhenie/design-constructor.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.