ЭкоКомплект
Руководство по работе с визуальным стилем
Май 2019. Версия 1.0
ЭкоКомплект
Руководство по работе с визуальным стилем
Май 2019. Версия 1.0
Логотип ЭкоКомплект
Основная версия
Логотип ЭкоКомплект
Дополнительная версия для А-Фахверк
Фирменные цвета
Три основных, серых и нейтральных оттенка. Цветовая палитра соответствует flat дизайну. Ассоциации - качество, технологии, будущее.
Два дополнительных света, использующихся в кнопках и прочих элементах, которые необходимо выделить.
Типографика
Основной шрифт. Используйте его в маркетинговых материалах, для заголовков и в качестве акцидентного шрифта, чтобы создать полноценный образ ЭкоКомплект.
123/AaBb
Roboto
Стандартный текстовый шрифт. Используйте его для основного набора. Он легко читается на любых интерфейсах.
123/AaBb
Arial
Типографика

Размеры шрифтов на сайте
Шрифт - GothamPro
Начертание - SemiBold, Light
Размер - 81px
Регистр - Аа, АА
Главный заголовок сайта
Шрифт - GothamPro
Начертание - SemiBold
Размер - 48px
Регистр - Аа
Остальные заголовки
Фахверк
Шрифт - Arial
Начертание - Normal
Размер - 21px
Регистр - Аа
Подзаголовки
Фахверк
Шрифт - Arial
Начертание - Normal
Размер - 16px
Регистр - Аа, АА
Основной текст
Фахверк
Шрифт - Arial
Начертание - Light
Размер - 14px
Регистр - Аа, АА
Второстепенный текст
Фахверк
Фахверк
Размеры шрифтов на сайте
Кнопки
Кнопки являются важнейшим элементом, обеспечивающим беспрепятственное взаимодействие пользователя с сайтом. Цвет и форма притягивают взгляд, а плоский дизайн и отсутствие теней не отвлекают от контента.
КНОПКА #1
Цвет фона: #3a538a
Цвет текста: #ffffff
Шрифт: Roboto Medium
Фон при наведении: #283340

Главная по акценту. Как правило, вызывает форму заявки.
Основная
КНОПКА #2
Цвет фона: #d62f27
Цвет текста: #ffffff
Шрифт: Roboto Medium
Фон при наведении: #283340

Используется рядом с основной кнопкой и в различных карточках.
Второстепенная
Кнопки являются важнейшим элементом, обеспечивающим беспрепятственное взаимодействие пользователя с сайтом. Стиль кнопок Quadro - яркий, крупный, контрастный. Цвет и форма притягивают взгляд, а плоский дизайн и отсутствие теней не отвлекают от контента.
Кнопки


Дизайн форм
Pop-up также реализуется с учетом фирменного стиля ЭкоКомплект, учитываются правила цвета, типографики и кнопок.

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

Затемнение фона: 70%
Цвет: #000000
Форма заявки
Оставьте заявку и мы свяжемся с вами в ближайшее время
Нажимая кнопку "Отправить", вы принимаете правила политики конфиденциальности


Дизайн форм
Pop-up также реализуется с учетом фирменного стиля ЭкоКомплект, учитываются правила цвета, типографики и кнопок.

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

Затемнение фона: 70%
Цвет: #000000
Форма заявки
Оставьте заявку и мы свяжемся с вами в ближайшее время
Нажимая кнопку "Отправить", вы принимаете правила политики конфиденциальности
Пример блока
Готовые дома или сборные домокомплекты. Вы можете собрать дом самостоятельно или поручить сборку нашим бригадам, которые работают практически по всей России.