Система визуальной идентичности. Точный, технологичный и при этом живой бренд — этот гайд описывает, как он выглядит, звучит и работает.
Знак и логотип
Основной логотип CLODEx. Используйте только утверждённый файл, сохраняйте пропорции и охранное поле. Не перерисовывайте и не пересобирайте элементы.
Цветовые версии
Построение и охранное поле
Лого строится на сетке. Все отступы и размеры кратны базовому модулю «x» (высота словесной части ÷ 4).
Минимальное охранное поле вокруг логотипа равно одному «x» со всех сторон. Не размещайте посторонние элементы ближе этой границы.
Чего не делать
Сохраняйте исходные пропорции логотипа.
Только чистые фоны из палитры. Никаких градиентов под логотипом.
Не применяйте фильтры, тени и произвольные цвета к знаку.
Цвет
Палитра минималистична: глубокий чёрный как основа, мягкий белый для контраста и неоновый зелёный — единственный акцент. Кликните по образцу, чтобы скопировать HEX.
Нейтральные оттенки интерфейса
Пропорции использования
Зелёный — это акцент, а не фон. Удерживайте его долю в пределах ~10% площади: подсветка действий, ключевые цифры, состояние «успех».
Onest
Один шрифт на всё — Onest. Геометричный гротеск с лёгким характером: строгий в интерфейсе, выразительный в заголовках. Для технических данных и кода используется моноширинный набор.
−4.5% трекинг
line-height 1.55
Начертания
Иконографика
Линейные иконки с единой толщиной штриха и скруглёнными концами. Геометричные, без лишних деталей — в духе технологичного, но дружелюбного характера.
Как мы говорим
CLODEx звучит как уверенный инженер с чувством юмора: говорит по делу, без воды, но не сухо. Технично — там, где это про продукт. Тепло — там, где это про людей.
Точно
Конкретика вместо обещаний. Цифры, факты, ясные формулировки. Если есть число — называем его.
Живо
Короткие фразы, активный залог, лёгкая ирония. Мы не боимся звучать по-человечески.
Без шума
Никакого корпоративного жаргона и пустых превосходных степеней. Меньше слов — больше смысла.
Так — да
- «Деплой за 40 секунд. Проверено.»
- «Сломалось? Откat в один клик.»
- «Готово. Можно работать.»
Так — нет
- «Революционное решение нового поколения»
- «Синергия инновационных технологий»
- «Лучший на рынке продукт №1»
Кнопки и элементы
Базовый набор интерфейсных элементов. Главное действие всегда зелёное и единственное на экране. Остальное — нейтральное и спокойное.
В деле
Как система собирается вместе — на сайте, в продукте и в фирменных носителях.
Фирменные носители