Main Palette

Палитра не содержит первичных и вторичных цветов, вся палитра работает через допустимые сочетания, без выделения основного цвета

G1 = gradient 1 (light)
G2 = gradient 2 (medium)
G3 = gradient 3 (dark)

Пример использования полной версии логотипа на белом фоне

Пример использования полной версии логотипа в среде

Secondary Palette

Вторичная палитра дополняет основную и используется в статьях для выделения информации об авторе, источниках и ссылках

Добиться цвета можно либо используя прозрачность от основного цвета в виде 22%, либо применяя цвета, указанные на палитре

Пример использования вторичной палитры на примере блока об авторе и информации о статье

Gray & Neutral Colors

Оттенки, используемые для текста в вебе и айдентике

Tags Colors

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

Если какого-то тега нет, но его необходимо ввести, то можно выбрать любой цвет по следующему принципу:

Для тонирования текста тега необходимо использовать крайний цвет градиента, он же G3 в палитре, для поддержания равномерности стиля

Пример использования цвета в тегах

Примеры тегов, цвета для которых применены

Color Interaction

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

Взаимодействие цвета в айдентике на примере футболки

Градиенты могут находиться не на цветном фоне, правило рабатает с любым цветом из палитры Gray & Neutral Colors

Embedding

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

Примеры страивания шаров в пространство

Color and Typography Interaction

Взаимодействие цвета шрифта. который либо черный либо белый, с градиентами и изменение его, является основной идеей айдентики

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

Взаимодействие типографики и градиента. Приближение

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

Окрашивание типографики происходит вручную, что важно учитывать. Окрашивание должно производиться таким образом, чтобы форма градиента (всегда круг), повторялась, создавая изящные переходы

Логотип (полная и краткая формы) также поддается тонированию

Градиенты в едином визуальном фрейме