Брендбук
StarRocks PRO
О НАС
КТО МЫ?
StarRocks PRO – лидеры на российском рынке по продукту StarRocks.io с глубокой экспертизой и опытными разработчиками с многолетним подтвержденным опытом внедрения решений для больших данных
НАШЕ ВИДЕНИЕ
Предоставить российскому рынку высокопроизводительную, безопасную и полностью соответствующую национальным нормативам СУБД StarRocks, обеспечивая надежную основу для работы с данными любого масштаба и защищая интересы бизнеса
и государства
НАША МИССИЯ
Стать безусловным лидером и эталоном в области аналитических СУБД в России, задавая стандарты производительности, безопасности и соответствия требованиям, и обеспечивая российским компаниям и госструктурам конкурентное преимущество на уровне мировых лидеров благодаря локализованной и поддерживаемой платформе StarRocks
НАШИ ЦЕННОСТИ
Отражение высокой производительности, современности и инновационной сущности продуктов StarRocks PRO
Формирование самобытного визуального кода, четко идентифицирующего StarRocks PRO как российского лидера в своей нише
Строгое и последовательное применение стилевых элементов на всех носителях и во всех коммуникациях
Приоритет эффективной передачи информации и удобства восприятия, особенно для технической аудитории
Гибкость стиля для эффективной работы на любых носителях и адаптации к будущему развитию бренда
ЛОГОТИП
Основной вариант
Основная версия логотипа — это наименование компании на латинице и кириллице с фирменным знаком в следующих вариациях:
На латинице
На кириллице
Сокращенные варианты
Фирменный знак компании в следующих вариациях:
Наименование компании на латинице и кириллице в следующих вариациях:
На латинице
На кириллице
Охранное поле
Охранное поле логотипа обозначает границы минимально допустимого расстояния между логотипом и другими элементами макета
Размер этого поля определяется одной третьей высоты фирменного знака в логотипе.
Исключение составляет наименование компании в самом логотипе
Исключение составляет наименование компании в самом логотипе
Недопустимые варианты
Недопустимость трансформации логотипа: растягивание, искажение, изменение пропорций, углов, цветов, неправильное расположение на фоне:
Альтернативные варианты логотипа
ЦВЕТОВАЯ ПАЛИТРА
Основная цветовая палитра
StarRocks PRO Red
Назначение:
акцент, лого, CTA, выделения.
Коды:
HEX - #DA291C
RGB - 218, 41, 28
CMYK – 0, 95, 95, 15.
акцент, лого, CTA, выделения.
Коды:
HEX - #DA291C
RGB - 218, 41, 28
CMYK – 0, 95, 95, 15.
StarRocks PRO Charcoal
Назначение:
Темный фон, основной текст (на свету)
Коды:
HEX - #1A1A1A
RGB - 26, 26, 26
CMYK – 75, 68, 67, 90.
Темный фон, основной текст (на свету)
Коды:
HEX - #1A1A1A
RGB - 26, 26, 26
CMYK – 75, 68, 67, 90.
StarRocks PRO White
Назначение;
Светлый фон, текст (на темном)
Коды:
HEX - #F5F7FA
RGB - 245, 247, 250
CMYK - 2, 1, 0, 0
Светлый фон, текст (на темном)
Коды:
HEX - #F5F7FA
RGB - 245, 247, 250
CMYK - 2, 1, 0, 0
Дополнительные цвета
StarRocks PRO Cobalt
Назначение:
Доверие, Технологии, Безопасность, Инфраструктура
Коды:
HEX - #0047AB
RGB - 0, 71, 171
CMYK - 100, 70, 0, 10
Доверие, Технологии, Безопасность, Инфраструктура
Коды:
HEX - #0047AB
RGB - 0, 71, 171
CMYK - 100, 70, 0, 10
StarRocks PRO Aurora
Назначение:
Инновации, Данные, Аналитика, Скорость, Цифровая среда
Коды:
HEX - #00B0B9
RGB - 0, 176, 185
CMYK - 85, 0, 25, 0
Инновации, Данные, Аналитика, Скорость, Цифровая среда
Коды:
HEX - #00B0B9
RGB - 0, 176, 185
CMYK - 85, 0, 25, 0
StarRocks PRO Quartz
Назначение:
Нейтральный акцент, Теплота, Баланс
Коды:
HEX - #D8C9C1
RGB - 216, 201, 193
CMYK - 15, 20, 20, 0
Нейтральный акцент, Теплота, Баланс
Коды:
HEX - #D8C9C1
RGB - 216, 201, 193
CMYK - 15, 20, 20, 0
Нейтральные цвета
StarRocks PRO Stone
Назначение:
Подзаголовки, Второстепенный текст, Линии, Иконки
Коды:
HEX - #6B7280
RGB - 107, 114, 128
CMYK - 60,50,40,10
Подзаголовки, Второстепенный текст, Линии, Иконки
Коды:
HEX - #6B7280
RGB - 107, 114, 128
CMYK - 60,50,40,10
StarRocks PRO Mist
Назначение:
Сверхсветлый фон, Тонкие разделители, Неактивные элементы
Коды:
HEX - #E5E7EB
RGB - 229, 231, 235
CMYK - 10,8,5,0
Сверхсветлый фон, Тонкие разделители, Неактивные элементы
Коды:
HEX - #E5E7EB
RGB - 229, 231, 235
CMYK - 10,8,5,0
StarRocks PRO Graphite
Назначение:
Альтернативный темный фон, Второстепенные заголовки, Акценты на темном
Коды:
HEX - #374151
RGB - 55, 65, 81
CMYK - 80,70,60,50.
Альтернативный темный фон, Второстепенные заголовки, Акценты на темном
Коды:
HEX - #374151
RGB - 55, 65, 81
CMYK - 80,70,60,50.
Рекомендации по использованию цветов
Веб-сайт
Рекомендации по использованию
- StarRocks PRO White для фона страницы и карточек
- StarRocks PRO Charcoal для основного текста и заголовков
- StarRocks PRO Red для главных CTA и важных элементов
- StarRocks PRO Cobalt для ссылок и информационных блоков
- StarRocks PRO Aurora для иконок и индикаторов состояния
- StarRocks PRO Quartz для фоновых элементов и разделителей
Рекомендации по использованию
- StarRocks PRO Charcoal и StarRocks PRO Graphite для основного фона
- StarRocks PRO White для текста и важных элементов
- StarRocks PRO Red для интерактивных элементов
- StarRocks PRO Aurora Light для акцентов и индикаторов
- StarRocks PRO Cobalt Light для ссылок и информационных блоков
- Избегать StarRocks PRO Quartz из-за низкого контраста
Презентации
Рекомендации по использованию
- StarRocks PRO White для основного контента
- StarRocks PRO Charcoal для основного текста
- StarRocks PRO Cobalt для диаграмм и графиков
- StarRocks PRO Aurora для второстепенных элементов
- StarRocks PRO Red только для заголовков и ключевых цифр
- StarRocks PRO Quartz Light для подложек текста
Рекомендации по применению
- StarRocks PRO Graphite Dark для основного фона
- StarRocks PRO White для текста и заголовков
- StarRocks PRO Aurora Light для графиков и диаграмм
- StarRocks PRO Red для ключевых элементов и CTA
- StarRocks PRO Cobalt Light для информационных блоков
- Избегать StarRocks PRO Quartz в темных презентациях
Печатные материалы
Рекомендации по использованию
- StarRocks PRO White для основного фона
- StarRocks PRO Charcoal для основного текста
- StarRocks PRO Cobalt для выделения важной информации
- StarRocks PRO Quartz для фоновых блоков и разделителей
- StarRocks PRO Red только для логотипа и ключевых элементов
- StarRocks PRO Aurora для графиков и диаграмм
Рекомендации по использованию
- StarRocks PRO Charcoal для основного фона
- StarRocks PRO White для текста и заголовков
- StarRocks PRO Red для логотипа и ключевых элементов
- StarRocks PRO Aurora Light для акцентов и графиков
- StarRocks PRO Cobalt Light для дополнительной информации
- Избегать StarRocks PRO Quartz в темных материалах
ТИПОГРАФИКА
Основные шрифты
Tilda Sans и PT Root UI - для сайта, презентации и документов
Arial и Calibri - для письма на email
Главный заголовок - Tilda Sans Extra Bold
Раздел - Tilda Sans Bold
Подраздел - Tilda Sans Semibold
Категория - PT Root UI Medium
Основной текст - PT Root UI Regular
Подписи/Мета - PT Root UI Light
Интерфейсные элементы - PT Root UI Medium
Запасные шрифты
Arial и Calibri - для сайта, презентации и документов
Правила использования
Для веб-сайта:
Для презентации:
Для email рассылки:
Для документов:
ГРАФИЧЕСКИЙ ЯЗЫК
UI элементы
Основные кнопки
Дополнительные кнопки
Карточки с текстом
Карточка на светлом фоне
"Заметался пожар голубой,
Позабылись родимые дали.
В первый раз я запел про любовь,
В первый раз отрекаюсь скандалить.
Был я весь — как запущенный сад,
Был на женщин и зелие падкий.
Разонравилось пить и плясать
И терять свою жизнь без оглядки..."
Позабылись родимые дали.
В первый раз я запел про любовь,
В первый раз отрекаюсь скандалить.
Был я весь — как запущенный сад,
Был на женщин и зелие падкий.
Разонравилось пить и плясать
И терять свою жизнь без оглядки..."
Карточка на темном фоне
"Мне бы только смотреть на тебя,
Видеть глаз злато-карий омут,
И чтоб, прошлое не любя,
Ты уйти не смогла к другому.
Поступь нежная, легкий стан,
Если б знала ты сердцем упорным,
Как умеет любить хулиган,
Как умеет он быть покорным..."
Видеть глаз злато-карий омут,
И чтоб, прошлое не любя,
Ты уйти не смогла к другому.
Поступь нежная, легкий стан,
Если б знала ты сердцем упорным,
Как умеет любить хулиган,
Как умеет он быть покорным..."
Карточки с текстом, иконкой и кнопкой
Заголовок 1
Visual communication takes place through pictures, graphs and charts, as well as through signs, signals, and symbols. It may be used either independently or as an adjunct to other methods.
Заголовок 2
Symbolization is an important definition for this perspective. Cultural perspective involves identity of symbols. The use of words that are related to the image, the use of characters, etc. is the symbolization of the image.
Заголовок 3
The view of images in the critical perspective is when the viewers criticize the images, and the critiques have been made in the interest of the society, although it’s an individual perspective nevertheless.
Заголовок 1
Visual communication takes place through pictures, graphs and charts, as well as through signs, signals, and symbols. It may be used either independently or as an adjunct to other methods.
Заголовок 2
Symbolization is an important definition for this perspective. Cultural perspective involves identity of symbols. The use of words that are related to the image, the use of characters, etc. is the symbolization of the image.
Заголовок 3
The view of images in the critical perspective is when the viewers criticize the images, and the critiques have been made in the interest of the society, although it’s an individual perspective nevertheless.
Вкладки
Заголовок первой вкладки
Текст первой вкладки
Заголовок второй вкладки
Текст второй вкладки
Заголовок третьей вкладки
Текст третьей вкладки
Иконки
Иллюстрации
Паттерны
ПРАКТИЧЕСКОЕ ПРИМЕНЕНИЕ
Шаблон документа
Цифровая среда
Веб-сайт на компьтере
Веб-сайт на мобильном телефоне
Печатные материалы
Оформление офисов
Шрифт от Tilda Publishing, ссылка — https://tilda.cc
Используемые иконки взяты с сайта - https://svg4.ru
Используемые иконки взяты с сайта - https://svg4.ru