Обсудить задачу

КОДОТЕК / Фирменный стиль / 2.0

Простота.
С характером.

Визуальный язык студии: собранный знак, спокойная типографика и тёплая деталь. Технологичность, которая остаётся человечной.

Основной логотип КОДОТЕК

Знак, который собирает.

Модульная «К» состоит из устойчивой вертикали и двух направлений. Части сходятся в одном узле — так отдельные действия складываются в работающий процесс. Знак одинаково читается в слове «кодотек» и в маленькой иконке приложения.

Основной русскоязычный логотип
Латинская версия kodotek на тёмном фоне
Отдельный знак — модульная К

Палитра без шума.

Белый — основа. Чернильный — текст и действия. Серый отделяет поверхности. Персиковый и тёплый коричневый работают вместе в редких акцентах.

Чернильный#17191C
Бумажный#FFFFFF
Дымчатый#F2F2F3
Персиковый#FBE1D1
Тёплый коричневый#5D2A1A

Два шрифта. Один голос.

Заголовки / Source Serif 4

Аа Бб Кк

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

Текст и интерфейс / Inter

Аа Бб Кк

Нейтральный гротеск для текста, навигации и кнопок. Начертания 400–500. Хорошая читаемость на небольших экранах.

Оба шрифта поддерживают кириллицу и распространяются по SIL Open Font License. Файлы шрифтов и лицензии включены в комплект.

Правила простые.

Логотип и композиция

  • Охранное поле — не меньше половины высоты знака.
  • Минимальная ширина логотипа — 120 px, знака — 24 px.
  • Сохраняйте пропорции и взаимное положение элементов.
  • Не добавляйте обводки, тени и градиенты к знаку.
  • На тёмном фоне используйте белую версию.

Тон и интерфейс

  • Пишите о конкретной задаче и понятном действии.
  • Не обещайте «100% результата» без подтверждения.
  • Одна главная мысль в заголовке, один акцент на экране.
  • Скругление карточек — 24 px, кнопки — капсулы.
  • Цвета статусов приложения не становятся цветами бренда.

Код, который помогает делу.

Основная фраза бренда. Её можно использовать на обложках, в подписи письма и презентациях. В продукте говорим ещё конкретнее: «Проверьте состав», «Продолжить сборку», «Всё совпало».

Сложные процессы.
Простые продукты.

kodotek.ru   /   connect@kodotek.ru