Бренд-дизайн
Брендбук СТАРГРАДД
Руководство по визуальному стилю цифровой экосистемы СТАРГРАДД. Фирменные цвета, логотипы, типографика, иконки продуктов и правила их использования.
Палитра
Основные цвета
Цветовая гамма экосистемы СТАРГРАДД построена на контрасте тёплого фона, тёмно-синего текста и контрастного акцентного красного.
Логотип
Основная версия (с подсветкой и 2D)
Логотип представляет собой квадратный знак со скруглёнными углами. Для усиления визуального эффекта на тёмном фоне используется мягкая неоновая подсветка (свечение).
Масштабирование логотипа
128px
64px
32px
16px (Favicon)
Wordmark
Логотип + текст
СТАРГРАДД
СТАРГРАДД
СТАРГРАДД
Типографика
Шрифты экосистемы
Иконки продуктов
Иконки экосистемы СТАРГРАДД
Иконки для всех продуктов экосистемы. Стиль — минималистичный геометрический, с использованием акцентного красного и контрастных цветов.
Бренд-дизайн
Логотип «Калинка»
Три варианта иконки, wordmark, масштабирование, проверка на контрастных фонах и конструктивная сетка.
Варианты иконки
Основные решения
с бликами и листочками.
Рекомендуемый
Чистая геометрия,
хорошо читается в 16px.
Акцент на безопасность
и защиту пользователя.
Масштабирование
Вариант A на всех размерах
Вариант B на всех размерах
Контрастные фоны
Проверка читаемости
На красном фоне иконка инвертируется в белую версию.
Wordmark
Иконка + текст «КАЛИНКА»
Горизонтальный (основной)
С дескриптором
Браузер от СТАРГРАДД
Применение
Favicon во вкладке браузера
Конструкция
Геометрия логотипа
Вариант A — Сетка
Вариант B — Сетка
Палитра
Цвета логотипа
Гайдлайн
Правила использования (Калинка)
Допустимо
- Использование на тёмном фоне (оригинал)
- Использование на светлом фоне (оригинал)
- Инверсия в белую на красном фоне
- Масштабирование от 16px до 256px
- Отступ вокруг иконки ≥ 0.25× размер
Запрещено
- Изменение пропорций и skew-трансформации
- Замена цветов ягод на не из палитры
- Добавление теней, обводок, свечения
- Размещение на сложных фонах без подложки
- Использование меньше 16px (потеря деталей)
Бренд-дизайн
Логотип «Телеграф»
Варианты иконки, масштабирование, wordmark, favicon, конструкция, цвета и правила использования.
Варианты иконки
Телеграфный ключ (морзистский)
с азбукой Морзе и искрой.
Рекомендуемый
только точки.
Чистая геометрия.
и динамичными линиями сигнала.
Новинка
с азбукой Морзе и искрой.
Рекомендуемый
только точки.
Чистая геометрия.
и динамичными линиями сигнала.
Новинка
Масштабирование
Вариант A (Классический ключ) на всех размерах
Wordmark
Иконка + текст «ТЕЛЕГРАФ»
Горизонтальный (основной)
С дескриптором
Мессенджер от СТАРГРАДД
Применение
Favicon во вкладке браузера
Конструкция
Геометрия логотипа (Вариант A и B)
Вариант A и B — Сетка
Вариант A и B — Пропорции
Палитра
Цвета логотипа
Гайдлайн
Правила использования (Телеграф)
Допустимо
- Использование на тёмном фоне (оригинал)
- Использование на светлом фоне (оригинал)
- Инверсия в белую на акцентном фоне
- Масштабирование от 16px до 256px
- Отступ вокруг иконки ≥ 0.25× размер
Запрещено
- Изменение пропорций и skew-трансформации
- Замена цвета акцента на другой
- Добавление теней, обводок, свечения
- Размещение на сложных фонах без подложки
- Использование меньше 16px (потеря деталей)
Гайдлайн
Правила использования бренда СТАРГРАДД
Допустимо
- Использование логотипа на тёмном или светлом фоне (рекомендуемые версии).
- Инверсия в белый цвет на красном фоне (акцентный баннер).
- Масштабирование иконки от 16px до 256px (пропорции строго соблюдать).
- Использование с отступом вокруг не менее 25% от ширины иконки.
- Использование акцентного красного (#D42A3B) для кнопок, ссылок и заголовков.
Запрещено
- Изменять пропорции, растягивать или наклонять логотип.
- Заменять акцентный красный цвет на другие произвольные цвета.
- Размещать логотип на сложных, "шумных" фонах без подложки.
- Использовать логотип в размере меньше 16px (теряет читаемость).
- Применять подложки с градиентами для основного логотипа (подложка только сплошная).
- Использовать шрифт Russo One для набора длинных текстов.