Создание сайтов под ключ

Готовые шаблоны для вашего сайта

А также компоненты, модули, темы оформления

Как изменить цветовой дизайн вашего шаблона

По умолчанию каждый шаблон имеет свою цветовую тему. Устройство шаблонов MF таково, что вам не потребуется изменять html-код шаблона, чтобы получить новый цвет. Для этого достаточно лишь выбрать нужный вариант в админ-панели:

Выбор дизайна в админ-панели MaxSite CMS

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

Возьмём для примера шаблон MAX 01. В его основе лежит дизайн cyan1, который выглядит так:

Шаблон в дизайне cyan1

Этот же сайт с дизайном indigo будет выглядеть так:

Шаблон в дизайне indigo

И тоже самое, только с дизайном pink:

Шаблон в дизайне pink

Таким образом, покупая любой шаблон MF у вас есть возможность отдельно приобрести любой дополнительный цветовой дизайн. Всё, что вам нужно будет сделать — это скопировать файлы в каталог шаблона, а потом выбрать дизайн в админ-панели.

Цветовые палитры

В основе MF лежил CSS-фреймворк Berry CSS, который поддерживает Material Design от Google. Поэтому при HTML-вёрстке используются css-классы primary, secondary и tertiary. В каждом дизайне они имеют свои значения, но при этом формируется градация яркости от 50 до 950 (от светлого до тёмного) для каждого оттенка. Это позволяет получить готовые палитры цветов.

Обычно цвет primary используется для фона главного меню, кнопок, ссылок, то есть оттенок основных элементов дизайна.

Второй цвет secondary подбирается с помощью Adobe Color по какой-то схеме (последовательная или треугольная). Таким образом палитры primary и secondary будут дополнять друг-друга.

Третий цвет tertiary используется редко, потому подбирается исходя из задач сайта.

При этом каждый шаблон будет иметь множество готовых фиксированных цветов. Вы их сможете посмотреть на странице MFDesign вашего шаблона или на соответствующем скриншоте страницы шаблона.

При выборе дополнительного дизайна вы можете ориентироваться на палитры primary, secondary и tertiary.

Стоимость каждого дизайна 10$

Если вам нужно изменить цвет палитры (после покупки), то вы можете написать мне и я сделаю это совершенно бесплатно! Вы получите все необходимые css-файлы (без sass-файлов.)

blue
blue.webp
cyan
cyan.webp
cyan1
cyan1.webp
green
green.webp
indigo
indigo.webp
indigo1
indigo1.webp
lime
lime.webp
orange
orange.webp
orange1
orange1.webp
pink
pink.webp
purple
purple.webp
red
red.webp
red1
red1.webp
violet
violet.webp

Заказать дизайн