Кондитерская
лаборатория 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
Регистр - АА
Главный заголовок сайта
Caramel
Шрифт - Futura PT
Начертание - Normal
Размер - 48px
Регистр - Аа
Остальные заголовки
Caramel
Шрифт - Furura PT
Начертание - Normal
Размер - 20px
Регистр - Аа
Подзаголовки
Caramel
Шрифт - OpenSans
Начертание - Light
Размер - 16 px
Регистр - Аа, АА
Основной текст
Caramel
Шрифт - OpenSans
Начертание - Light
Размер - 14px
Регистр - Аа, АА
Второстепенный текст
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
Форма заявки
Оставьте заявку и мы свяжемся с вами в ближайшее время
Нажимая кнопку «Отправить», вы принимаете правила политики конфиденциальности
Each type of visual aid has pros and cons that must be evaluated to ensure it will be beneficial to the overall presentation. Before incorporating visual aids into speeches, the speaker should understand that if used incorrectly, the visual will not be an aid, but a distraction.
Book design is the art of incorporating the content, style, format, design, and sequence of the various components of a book into a coherent whole. In the words of Jan Tschichold, "methods and rules upon which it is impossible to improve, have been developed over centuries. To produce perfect books, these rules have to be brought back to life and applied."
Front matter, or preliminaries, is the first section of a book and is usually the smallest section in terms of the number of pages. Each page is counted, but no folio or page number is expressed or printed, on either display pages or blank pages.
It's very easy to be different, but very difficult to be better