Элементы бренда

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

Необходимо запомнить два основных принципа: знайте своего зрителя и оставайтесь креативными в любой ситуации. Наша бренд-система достаточно гибкая, чтобы адаптироваться к колебаниям полутонов, сохраняя при этом общность визуальной подачи бренда в любой из точек взаимодействия с аудиторией.

Цвет

Цвет — один из основополагающих инструментов в артикуляции бренда КРОК. Язык визуальных коммуникаций включает в себя три основных цвета и четыре вспомогательных. Цвета были оптимизированы для использования на цифровых носителях.

Айдентика КРОК предполагает использование характерного зелёного в качестве основного цвета. Зеленый вкупе с нейтральными оттенками формируют основу, в то время как вспомогательные цвета используются для расстановки акцентов. Цветовые комбинации должны быть хорошо сбалансированы и транслировать энергию инноваций, заключенную в бренде КРОК.

Подробнее

R255, G255, B255 #FFFFFF PANTONE 000 C C0, M0, Y0, K1

R0, G164, B96 #00A460 PANTONE 7482 C C100, M0, Y94, K0

R104, G103, B108 #68676C PANTONE 424 C C57, M47, Y41, K29

Основные цвета

«CROC green» (фирменный зеленый) — основной цвет бренда. В сочетании с белым и серым создает акцентированную, обновленную композицию. Зеленый и нейтральные оттенки — отправная точка цветовой палитры бренда, которая должна лечь в основу создаваемого вами дизайна.

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

Когда важно подчеркнуть индивидуальность бренда КРОК используя только цвет, необходимо отдать предпочтение фирменному зеленому оттенку, сочетая его с монохромной палитрой. Каждый цвет представлен в RGB и HEX для цифровых носителей, наряду с Pantone и CMYK для печати.

R71, G93, B235 #475DEB PANTONE 3506 C C85, M60, Y0, K0

R112, G39, B226 #7027E2 PANTONE 2090 C C73, M80, Y0, K0

R255 G164, B54 #FFA436 PANTONE 137 C C0, M37, Y77, K0

R255, G100, B90 #FF645A PANTONE 1785 C C0, M75, Y55, K0

Дополнительные цвета

Палитра КРОК включает в себя четыре дополнительных цветовых акцента. В сочетании с нейтральными базовыми цветами, цвета из акцентной линейки оживляют текст, формируя естественную последовательность изложения.

Основные и вспомогательные цвета необходимо сочетать друг с другом, однако преобладать в композиции должны оттенки из основной палитры бренда. Большое количество цветовых акцентов следует приглушать для сохранения общего цветового баланса. Каждый цвет представлен в RGB и HEX для цифровых носителей, наряду с Pantone и CMYK для печати.

Градиенты

Расширенная цветовая палитра бренда включает в себя фирменные градиенты. Их основное предназначение — подчеркнуть динамику в визуальном концепте бренда. Поиск уникальных градиентов КРОК стал настоящим испытанием для дизайнеров: они перебрали огромное множество оттенков, перед тем как найти идеальные цветовые сочетания, которые бы отлично смотрелись на любых носителях.

Использовать фирменные градиенты КРОК стоит в случаях, когда нужно добавить глубины двумерному дизайну. К примеру, используйте их в качестве заливки для фона. Однако не забывайте о балансе цветов — ваш дизайн должен соответствовать базовым постулатам бренда КРОК и легко считываться.

Подробнее

#00a460

#343a88

#50109e

#93278f

#ea6627

Градиент КРОК Mesh

Мягкие цветовые переходы фирменного градиента КРОК Mesh позволяют вам использовать разные оттенки из палитры бренда, а также их сочетания, для того, чтобы привлечь внимание аудитории. Это может быть как яркий, так и деликатный акцент в виде элемента дизайна или фона.

Насыщенный градиент следует сочетать с нейтральными оттенками для того, чтобы выдержать единый визуальный образ бренда. Градиент может также использоваться в качестве фона для рекламных материалов и деловой документации.

Энергичные цвета

#00a460

#343a88

#50109e

#93278f

#ea6627

Зеленый + Голубой

#00a460

#343a88

Красный +
Электрический синий

#f70b16

#0000fe

Коралловый +
Оранжевый

#ff645a

#ffa436

Зеленый +
Светло-зеленый

#00a460

#73e553

Фиолетовый

#50109e

#7027e2

Типографика

Наша типографика настолько же индивидуальна и проста в использовании, как и остальные элементы дизайн-системы КРОК. Типографика не перетягивает на себя внимание и позволяет получить безупречный пользовательский опыт от взаимодействия с любым продуктом или решением КРОК.

Фирменный шрифт соответствует оригинальному логотипу и продолжает коммуникацию бренда. Основной шрифт типографики КРОК — Croc. В зависимости от носителя подбирается конкретный подстиль шрифта. В качестве дополнительного шрифта используется Arial.

Подробнее

Croc

Аа	Бб	Вв	Гг	Дд	Ее	Ёё	Жж	Зз	Ии	Йй
Кк	Лл	Мм	Нн	Оо	Пп	Рр	Сс	Тт	Фф	Хх
Цц	Чч	Шш	Щщ	Ъъ	Ыы	Ьь	Ээ	Юю	Яя	!?
1	2	3	4	5	6	7	8	9	0	:;

Основной шрифт

В визуальной концепции бренда особое внимание уделяется прозрачности и взаимосвязи элементов дизайна. Именно эти принципы легли в основу фирменного шрифта Croc. Он был разработан для того, чтобы, с одной стороны, усиливать эффект вне зависимости от носителя, а с другой — легко читаться и быть узнаваемым.

Базовые формы Croc — это геометрический гротеск с налетом гуманизма. Различная толщина начертания позволяет выстраивать естественную иерархию текстовых блоков, раскрывая характер бренда в плоскости типографики. Шрифт был разработан таким образом, чтобы сохранять оптимальную читаемость при любых размерах и любой плотности визуальных элементов в композиции.

Подробнее об использовании

Arial

Аа	Бб	Вв	Гг	Дд	Ее	Ёё	Жж	Зз	Ии	Йй
Кк	Лл	Мм	Нн	Оо	Пп	Рр	Сс	Тт	Фф	Хх
Цц	Чч	Шш	Щщ	Ъъ	Ыы	Ьь	Ээ	Юю	Яя	!?
1	2	3	4	5	6	7	8	9	0	:;

Дополнительный шрифт

Основными чертами семейства шрифтов, разработанного Стивом Маттисоном (Steve Mattison), выступают прямой штрих и открытые формы. Эти шрифты нейтральны, хорошо читаются и оптимизированы как для печатных, так и для цифровых носителей.

Подробнее об использовании

Графические элементы

Фирменный логотип стал прообразом для визуальных паттернов КРОК, которые, в свою очередь, заключают в себе базовый геометрический элемент — линию, использующуюся в качестве самостоятельного графического элемента.

Линии символизируют вектор развития компании, которая, оставаясь верной своему классическому бизнесу, эволюционирует и наращивает новые компетенции. Использование линейных паттернов в сочетании с логотипом КРОК визуализирует динамическую энергию бренда. Геометрия и четкость линий подчеркивает технологическую ДНК компании, создает общность и закладывает систему паттернов и иллюстраций, которые выражают ощущение единства и движения в визуальных коммуникациях бренда.

Подробнее

Направление

Направление линий символизирует прогресс, поток, движение как таковое. Лаконичный графический паттерн является динамическим выражением партнерства, взаимосвязей и синергии, которые взращивает и прививает КРОК.

Направления движения линий могут варьироваться, но в основном повторяют очертания букв оригинального логотипа КРОК:

— круг и фрагменты круга;

— горизонтальное движение;

— вертикальное движение;

— диагональное движение.

Элементы можно использовать как конструктор, собирая разнообразные композиции из линий с разными векторами движения.

Количество линий

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

При отображении в печатном или цифровом виде количество линий, а также их толщина, длина и цвет могут варьироваться.

Паттерн

Для того, чтобы передать широкий спектр свойств, присущих бренду КРОК, линейные формы можно перемещать, совмещать или объединять. Паттерн создан на основе базовых форм с различным количеством линий. Линейная графика может использоваться для нанесения водяных знаков, оформления форзацев, внутренней поверхности конвертов, оборотной стороны визиток и т.д.

Не рекомендуется изменять пропорции паттерна для использования на офисных документах. Необходимо следить за тем, чтобы ширина каждого сегмента попадала в диапазон от 20 до 27 мм. Соблюдайте баланс и контрастность для того, чтобы линейный паттерн считывался графическим элементом логотипа КРОК.

Цвет

Основные цвета

Дополнительные цвета

Градиенты

Градиент КРОК Mesh

Типографика

Croc

Основной шрифт

Arial

Дополнительный шрифт

Иконки

Цвет

Заголовки

Основной текст

Графические элементы

Линии

Направление

Количество линий

Паттерн