Перейти к содержимому

Брендбук

Логотип, цвета и шрифт IT CODY. Скачайте нужный файл и посмотрите, как его ставить.

Знак


Всё начинается с C

Знак — это буква C из слова Cody. Мы нарисовали её одной линией, которая закручивается, как кошачий хвост. Перерисовывать не нужно: готовые файлы ниже.

Название


IT CODY

Зовите нас по имени

Рядом со знаком пишем IT CODY — латиницей, заглавными буквами.

В обычном тексте на русском пишем АЙТИ КОДИ.

Варианты знака


Подобрали знак под любой фон

Синий подходит для светлого фона, белый для тёмного и фото, тёмный для печати в один цвет. Иконка пригодится для аватарки и приложения.

  • Основной

    На белом и светлом фоне.

    SVGPNG 512

  • Белый

    На тёмном фоне, на фото, на синем.

    SVGPNG 512

  • Тёмный

    Для печати в один цвет.

    SVGPNG 512

  • Иконка

    Аватарка в соцсетях и мессенджерах, иконка приложения.

    SVGPNG 512

  • Тёмная иконка

    Когда синий спорит с фоном или картинкой рядом.

    SVGPNG 512

Цвета


Не нужно подбирать цвет пипеткой

Вот точные коды. Нажмите на цвет, и код скопируется.

Знак

Сайт

Шрифт


Говорим одним шрифтом

Весь сайт набран шрифтом Cygre: заголовки, текст, кнопки. Начертаний четыре, у каждого своя работа.

АаАБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789

Cygre

  • RegularОбычный текст
  • MediumМеню и подписи
  • SemiBoldЗаголовки
  • BoldНазвания в списках

Как ставить


Знак знает своё место

Оставьте вокруг него немного воздуха, хотя бы пятую часть его размера. И не делайте иконку меньше 32 пикселей, иначе линия сольётся.

Свободное поле

Пятая часть размера знака с каждой стороны

64 px32 px16 px

Минимальный размер

Иконка от 32 px, знак без плашки от 16 px

Не крутите хвостом

Знак нельзя поворачивать, растягивать и перекрашивать. Тени и обводки ему тоже не нужны. Главное, чтобы его было хорошо видно.

Не нашли нужный формат? Напишите, пришлём.