Дизайн и оформление

Как настроить цвета, логотип, шрифты, иконки и адаптивность в INTEC: Мультирегиональность, и когда нужна кастомизация шаблона.

Цветовая схема

В большинстве решений INTEC: Мультирегиональность цвета настраиваются через панель в админке: «Настройки → Настройки модулей → Шаблоны → Параметры шаблона». Доступно: основной цвет (акцент кнопок и ссылок), фоновый цвет шапки/подвала, цвет текста, дополнительный акцент. Изменения применяются мгновенно — переключайте и смотрите на сайте в соседнем окне.

Если стандартных вариантов недостаточно, мы делаем кастомную цветовую схему: подбираем под ваш бренд-бук, прописываем CSS-переменные в шаблоне, сохраняем в основу — чтобы ваши редакторы случайно не сбросили цвета.

Логотип и фавикон

Логотип загружается через параметры шаблона. Поддерживаются PNG, SVG, реже JPG. Рекомендуем SVG — он не «мылится» на ретина-экранах и весит меньше. Размер — 120-200 пикселей по высоте, обычно вписывается в высоту шапки.

Фавикон (иконка во вкладке браузера) лежит в корне сайта как favicon.ico или подключается через шаблон в виде набора PNG разных размеров. Если меняете — почистите кэш браузера и проверьте на разных устройствах.

Шрифты

Стандартный шрифт INTEC: Мультирегиональность — обычно один из системных или Google Fonts (часто Roboto, PT Sans, Montserrat). Заменить можно через настройки шаблона или подключив свой шрифт через CSS. Помните о лицензии: коммерческие шрифты требуют покупки лицензии для веба.

Адаптивность

Все современные решения INTEC: Мультирегиональность адаптивны: меню сворачивается в гамбургер на мобильных, картинки масштабируются, сетка перестраивается. Проверьте на нескольких устройствах: смартфон в портретном режиме, планшет, ноутбук. Если что-то «съезжает» — это обычно следствие правок шаблона: вы вставили блок, который не вписан в мобильную сетку.

Иконки

В шаблоне используется иконочный шрифт (Font Awesome или собственный набор). Чтобы добавить свою иконку — есть два пути: загрузить SVG в инфоблок и вставлять его как картинку, либо расширить иконочный шрифт. Второй вариант технически сложнее, но даёт лучшую производительность.

Что делать, если стандартного дизайна мало

Если в рамках готового решения не хватает — мы делаем кастомизацию шаблона: переверстываем нужные блоки, дописываем компоненты, добавляем анимации. Главное правило: правки делаются в копии шаблона (local/templates/имя-копии), чтобы обновления решения не затирали ваши доработки.