Гайдлайны бренда
Гармония цвета в каждом пикселе
Этот документ определяет визуальные и вербальные стандарты платформы Хромали. Мы создаем инструменты для точности, поэтому наше собственное визуальное выражение должно быть безупречно консистентным.
Логотип и отступы
Идентичность и защита
Логотип Хромали — это визуальный метафорический символ оптического призма, преломляющего свет. Основная форма состоит из круга (полнота спектра) и центрального выреза (точка фокуса).
Зона безопасности
Минимальный отступ вокруг логотипа должен равняться высоте символа "O" в слове "Хромали". Это пространство должно оставаться пустым от любых других графических элементов, границ или текста.
Минимальный размер
Для цифровых носителей минимальная ширина логотипа составляет 120px. Для печатных материалов — 25мм. При размерах меньше указанных, используйте вариант "Icon-only" (только бренд-марка).
Недопустимые искажения
Запрещено изменять пропорции, вращать логотип, применять градиенты, тени или контуры, а также заменять цвета на не соответствующие бренд-палитре.
Шрифтовые пары
Типографика как голос
Наша типографика сочетает классическую эстетику с технической строгостью интерфейсов. Мы используем две шрифтовые семьи для создания четкой иерархии.
Cormorant Garamond
Элегантный антиква с высоким контрастом штрихов. Используется для всех заголовков (H1-H6) и акцентных цитат. Передает ощущение премиальности и искусности.
Inter
Нейтральный гротеск, созданный для экранов. Обеспечивает максимальную читаемость интерфейсов, документации и мелких шрифтовых кеглей. Используется для UI и body-текста.
JetBrains Mono
Моноширинный шрифт для блоков кода, технических спецификаций и значений переменных CSS. Подчеркивает техническую суть нашего продукта.
Цветовая палитра бренда
Спектральная точность
Цвета бренда Хромали — это не просто эстетический выбор. Это демонстрация нашего понимания глубины цвета. Мы используем сложные, приглушенные тона, чтобы избежать визуального утомления дизайнеров.
Deep Void
HEX: #0B0C10
Основной фон. Глубокий, почти черный, создает бесконечное пространство для контента.
Calibrated Red
HEX: #C94C4C
Акцентный цвет. Приглушенный терракотовый. Используется для CTA, активных состояний и ошибок.
Signal White
HEX: #EAEAEA
Основной текст. Не чисто белый, чтобы снизить нагрузку на глаза при длительной работе.
Голос и тон
Кому мы говорим
Мы пишем для профессионалов, которые ценят свое время и результат. Наш тон — это баланс между академической строгостью и современной уверенностью.
Экспертный, но не заносчивый
Мы знаем о цветопередаче больше, чем большинство пользователей. Используйте эту экспертность, чтобы направлять, а не поучать. Избегайте излишнего жаргона там, где достаточно простого термина.
Точный и конкретный
Никаких "примерно" или "почти". Мы — про точность. Если мы говорим "Delta E < 1", мы имеем в виду именно это. Избегайте размытых формулировок в описании функций.
Человечный
За технологиями стоят люди. Мы не роботы-калибраторы. Разрешается использовать "мы" и "вы". Сохраняйте уважительное отношение к чужому труду и творчеству.
Нужна помощь с бренд-китами?
Если вы хотите внедрить систему управления цветом в свой продукт или адаптировать наши гайдлайны под корпоративные нужды, свяжитесь с нами.
Связаться с отделом продаж