Кондитерская
лаборатория Caramel
лаборатория Caramel
Руководство по работе
с визуальным стилем
с визуальным стилем
Ноябрь 2019. Версия 1.0
Логотип Caramel
Фирменный логотип кондитерской лаборатории Caramel состоит из нескольких символов и шрифтового начертания. Символы состоят
из сегментов – кривых линий и незаконченной окружности, окрашенных в карамельный цвет, олицетворяющие клевер.
Подпись выполнена латинскими заглавными и кириллическими строчными буквами, которые окрашены в черный цвет.
из сегментов – кривых линий и незаконченной окружности, окрашенных в карамельный цвет, олицетворяющие клевер.
Подпись выполнена латинскими заглавными и кириллическими строчными буквами, которые окрашены в черный цвет.
Дополнительные версии логотипа
Могут быть использованы в документах, промо-материалах и там, где символичное начертание или горизонтальное положение выглядят более уместно.
More products
Фирменные цвета
Основным фирменным цветом является карамельный. Он используется как основной цвет в коммуникациях кондитерской лаборатории Caramel.
Остальные цвета являются дополнительными и используются в визуализации любых элементов компании.
Остальные цвета являются дополнительными и используются в визуализации любых элементов компании.
Космический синий
HEX #001832
RGB 0, 24, 50
CMYK 50, 25, 0, 80
RGB 0, 24, 50
CMYK 50, 25, 0, 80
Сочный карамельный
HEX #dda513
RGB 221, 165, 19
CMYK 0, 25, 21, 13
RGB 221, 165, 19
CMYK 0, 25, 21, 13
Легкий серый
HEX #f5f5f5
RGB 245, 245, 245
CMYK 0, 0, 0, 4
RGB 245, 245, 245
CMYK 0, 0, 0, 4
Просто белый
HEX #ffffff
RGB 255, 255, 255
CMYK 0, 0, 0, 1
RGB 255, 255, 255
CMYK 0, 0, 0, 1
Типографика
Наш основной шрифт. Используйте его в маркетинговых материалах, для заголовков и в качестве акцидентного шрифта, чтобы создать полноценный образ Сaramel
123/AaBb
Futura PT
Текстовый шрифт разработанный Google, Используйте его для основного набора. Он легко читается на любых интерфейсах.
123/AaBb
Open Sans
Типографика
Размеры шрифтов на сайте
Шрифт - Futura PT
Начертание - Normal
Размер - 60px
Регистр - АА
Начертание - Normal
Размер - 60px
Регистр - АА
Главный заголовок сайта
Caramel
Шрифт - Futura PT
Начертание - Normal
Размер - 48px
Регистр - Аа
Начертание - Normal
Размер - 48px
Регистр - Аа
Остальные заголовки
Caramel
Шрифт - Furura PT
Начертание - Normal
Размер - 20px
Регистр - Аа
Начертание - Normal
Размер - 20px
Регистр - Аа
Подзаголовки
Caramel
Шрифт - OpenSans
Начертание - Light
Размер - 16 px
Регистр - Аа, АА
Начертание - Light
Размер - 16 px
Регистр - Аа, АА
Основной текст
Caramel
Шрифт - OpenSans
Начертание - Light
Размер - 14px
Регистр - Аа, АА
Начертание - Light
Размер - 14px
Регистр - Аа, АА
Второстепенный текст
Caramel
Размеры шрифтов на сайте
Кнопки
Кнопки являются важнейшим элементом, обеспечивающим беспрепятственное взаимодействие пользователя с сайтом. Стиль кнопок Caramel - сдержанный, крупный, минималистичный. Форма притягивает взгляд, а плоский дизайн и отсутствие теней не отвлекают внимание от контента.
Цвет фона: #dda513
Цвет текста: #ffffff
Шрифт: Futura PT Normal
Фон при наведении: #bd8b00
Главная по акценту. Как правило, вызывает форму заявки.
Цвет текста: #ffffff
Шрифт: Futura PT Normal
Фон при наведении: #bd8b00
Главная по акценту. Как правило, вызывает форму заявки.
Основная
Цвет фона: #ffffff
Цвет текста: #000000
Шрифт: Futura PT Normal
Фон при наведении: #0050ab
Используется рядом с основной кнопкой и в различных карточках.
Цвет текста: #000000
Шрифт: Futura PT Normal
Фон при наведении: #0050ab
Используется рядом с основной кнопкой и в различных карточках.
Второстепенная
КНОПКА#1
КНОПКА#2
Кнопки
Кнопки являются важнейшим элементом, обеспечивающим беспрепятственное взаимодействие пользователя с сайтом. Стиль кнопок Caramel - сдержанный, крупный, минималистичный. Форма притягивает взгляд, а плоский дизайн и отсутствие теней не отвлекают внимание от контента.
Дизайн форм
Pop-up также реализуется с учетом фирменного стиля кондитерской Сaramel учитываются правила цвета, типографики и кнопок.
В этом же стиле оформляются карточки, квизы и слайдеры.
Цвет иконок, тултипов, переключателей и прочих UI-элементов по умолчанию красный, но допускается и использование остальных фирменных цветов по мере необходимости.
Затемнение фона: 70%
Цвет: #000000
В этом же стиле оформляются карточки, квизы и слайдеры.
Цвет иконок, тултипов, переключателей и прочих UI-элементов по умолчанию красный, но допускается и использование остальных фирменных цветов по мере необходимости.
Затемнение фона: 70%
Цвет: #000000
Форма заявки
Оставьте заявку и мы свяжемся с вами в ближайшее время
Нажимая кнопку "Отправить", вы принимаете правила политики конфиденциальности
Дизайн форм
Pop-up также реализуется с учетом фирменного стиля кондитерской Сaramel учитываются правила цвета, типографики и кнопок.
В этом же стиле оформляются карточки, квизы и слайдеры.
Цвет иконок, тултипов, переключателей и прочих UI-элементов по умолчанию красный, но допускается и использование остальных фирменных цветов по мере необходимости.
Затемнение фона: 70%
Цвет: #000000
В этом же стиле оформляются карточки, квизы и слайдеры.
Цвет иконок, тултипов, переключателей и прочих UI-элементов по умолчанию красный, но допускается и использование остальных фирменных цветов по мере необходимости.
Затемнение фона: 70%
Цвет: #000000
Форма заявки
Оставьте заявку и мы свяжемся с вами в ближайшее время
Нажимая кнопку «Отправить», вы принимаете правила политики конфиденциальности
