Кондитерская
лаборатория Caramel
Руководство по работе
с визуальным стилем
Ноябрь 2019. Версия 1.0
Логотип Caramel
Фирменный логотип кондитерской лаборатории Caramel состоит из нескольких символов и шрифтового начертания. Символы состоят
из сегментов – кривых линий и незаконченной окружности, окрашенных в карамельный цвет, олицетворяющие клевер.

Подпись выполнена латинскими заглавными и кириллическими строчными буквами, которые окрашены в черный цвет.
Дополнительные версии логотипа
Могут быть использованы в документах, промо-материалах и там, где символичное начертание или горизонтальное положение выглядят более уместно.
More products
Фирменные цвета
Основным фирменным цветом является карамельный. Он используется как основной цвет в коммуникациях кондитерской лаборатории Caramel.
Остальные цвета являются дополнительными и используются в визуализации любых элементов компании.
Космический синий
HEX #001832
RGB 0, 24, 50
CMYK 50, 25, 0, 80
Сочный карамельный
HEX #dda513
RGB 221, 165, 19
CMYK 0, 25, 21, 13
Легкий серый
HEX #f5f5f5
RGB 245, 245, 245
CMYK 0, 0, 0, 4
Просто белый
HEX #ffffff
RGB 255, 255, 255
CMYK 0, 0, 0, 1
Типографика
Наш основной шрифт. Используйте его в маркетинговых материалах, для заголовков и в качестве акцидентного шрифта, чтобы создать полноценный образ Сaramel
123/AaBb
Futura PT
Текстовый шрифт разработанный Google, Используйте его для основного набора. Он легко читается на любых интерфейсах.
123/AaBb
Open Sans
Типографика

Размеры шрифтов на сайте
Шрифт - Futura PT
Начертание - Normal
Размер - 60px
Регистр - АА
Главный заголовок сайта
Шрифт - Futura PT
Начертание - Normal
Размер - 48px
Регистр - Аа
Остальные заголовки
Caramel
Шрифт - Furura PT
Начертание - Normal
Размер - 20px
Регистр - Аа
Подзаголовки
Caramel
Шрифт - OpenSans
Начертание - Light
Размер - 16 px
Регистр - Аа, АА
Основной текст
Caramel
Шрифт - OpenSans
Начертание - Light
Размер - 14px
Регистр - Аа, АА
Второстепенный текст
Caramel
Caramel
Размеры шрифтов на сайте
Кнопки
Кнопки являются важнейшим элементом, обеспечивающим беспрепятственное взаимодействие пользователя с сайтом. Стиль кнопок Caramel - сдержанный, крупный, минималистичный. Форма притягивает взгляд, а плоский дизайн и отсутствие теней не отвлекают внимание от контента.
Цвет фона: #dda513
Цвет текста: #ffffff
Шрифт: Futura PT Normal
Фон при наведении: #bd8b00

Главная по акценту. Как правило, вызывает форму заявки.
Основная
Цвет фона: #ffffff
Цвет текста: #000000
Шрифт: Futura PT Normal
Фон при наведении: #0050ab

Используется рядом с основной кнопкой и в различных карточках.
Второстепенная
КНОПКА#1
КНОПКА#2
Кнопки

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


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

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


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


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

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

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