Брендбук
Один знак, один зелёный, один голос.
Вся система бренда Protocore — логотип, охранное поле, цвет, шрифт, тон и нейминг — на одной странице. Читайте здесь или скачайте PDF.
Система логотипа
Четыре способа набрать знак.
Граненый знак ядра — единственный нарисованный элемент. В локапах название стоит рядом со знаком или под ним, шрифт Roboto Medium — не перерисовывайте ни то, ни другое.
Отдельно, в малых размерах — фавиконки, иконки приложений и везде, где название нечитаемо.
Знак рядом с названием. Вариант по умолчанию — для шапок, документов и подписей.
Знак над названием. Для квадратных форматов — карточек соцсетей, плиток и печатей.
Знак по центру сплошной плитки 1024 px. Для изображений профиля на любой платформе.
Охранное поле и размер
Воздух вокруг, предел снизу.
Два жёстких числа сохраняют читаемость знака везде, где он появляется.
Охранное поле — одна ширина знака с четырёх сторон.
- Охранное поле
- Ширина самого знака с четырёх сторон. Внутрь не попадает ничего: ни текст, ни линии, ни края страницы.
- Минимальная высота · digital
- 16 px. Меньше — знак перестаёт читаться: используйте только знак, без лого-блока.
- Минимальная высота · печать
- 6 мм.
Цвет
Пять цветов, строгие роли.
По умолчанию почти монохром. Зелёный — акцент, а не тема: он никогда не заливает большие области.
Текст на светлом. Тёмные поверхности.
Светлые фоны страниц.
Карточки на paper. Текст на ink.
Зелёный — только на тёмных поверхностях.
Акцентный текст на белом — ссылки и подписи.
Типографика
Говорит Roboto.
Всё покрывают два семейства. Третьего шрифта нет, курсив для выделения не используется.
Интерфейс и заголовки — 400 для основного текста, 500 для заголовков и лого-блоков, 700 — изредка.
Метки, эйбрау и числа — прописными, с широким трекингом.
Метки разделов начинаются с трёх косых черт и пробела — набираются Roboto Mono, прописными, с широким трекингом. Косые черты — набранные символы, а не нарисованная графика.
Голос и тон
Меньше слов, больше смысла.
Пять правил охватывают каждую строку текстов Protocore — от заголовков до надписей на кнопках.
Именование
Продукты носят имя семейства.
Одна схема, без исключений.
- Первое упоминание
- Полное название — «Protocore Pay», «Protocore Gateway». Дальше — только название продукта.
- PDS
- Сокращение от Protocore Design System. При первом упоминании расшифровывайте, дальше — PDS.
- Компания
- Protocore — одно слово, заглавная P. Никогда ProtoCore, PROTOCORE или Proto Core.
Использование
Так делайте, так — нет.
Правила из пресс-кита, распространённые на всю систему.
- 01Соблюдайте охранное поле, равное ширине знака, со всех сторон.
- 02Чёрный вариант — на светлых фонах, белый — на тёмных.
- 03Акцентный вариант — только для чернильных поверхностей (#0a0a0a).
- 04Масштабируйте по SVG-файлам — знак остаётся чётким при любом размере.
- 05Используйте вертикальный лого-блок, если формат квадратный.
- 06При высоте меньше 16 px оставляйте только знак.
- 01Не перекрашивайте знак за пределами готовых вариантов.
- 02Не поворачивайте, не делайте контур, не добавляйте тени и другие эффекты.
- 03Не перерисовывайте знак и не меняйте его пропорции.
- 04Не набирайте название Protocore другим шрифтом — в локапах используется Roboto Medium.
- 05Не размещайте акцентный зелёный на белом — для акцентного текста там используйте #0e9e6e.
- 06Не помещайте знак на фотографии и градиенты — только сплошной ink или paper.
Файлы
Забирайте систему с собой.
Руководство в PDF, материалы одним zip-архивом. Все отдельные файлы — на странице для прессы.