01. Логотип
Логотип используется без слогана.
В некоторых случаях можно использовать моноцветный логотип (чаще всего белый, в случаях размещения логотипа на фотофоне)
Необходимо всегда поддерживать разумное расстояние от логотипа до краев “холста” и/или других элементов.
Минимальное расстояние — размер буквы W.
Необходимо всегда располагать лого подальше от текста, графики и других элементов дизайна, особенно других логотипов и прочих меток.
Скачать логотипы в различных форматах
02. Цвета
Основные корпоративные цвета — Оранжевый и Светло-синий. Дополнительные цвета — Синий, Серый и Темный. Основные цвета всегда можно взять из логотипа.
C:0
M:54
Y:94
K:0
C:72
M:27
Y:0
K:0
C:87
M:50
Y:0
K:0
C:69
M:63
Y:62
K:58
C:5
M:4
Y:4
K:0
03. Шрифты
Основной шрифт текста — PT Sans Regular, 12 pt (РШ — размер шрифта). Разрешается 12-16 pt.
Шрифт заголовков первого уровня — PT Sans Bold, 2×РШ (напр. 24 pt)
Автоматизация бэк-офиса
Гибкое решение для автоматизации бэк-офиса и ускорения цифровой трансформации предприятия. Comindware помогает реализовать “единое окно услуг” для сотрудников компании, ...
Шрифт заголовков второго уровня — PT Sans Bold, 1.5×РШ (напр. 18 pt)
CRM система
Сочетание базовой функциональности CRM и возможности оперативного изменения данных и процессов без остановки работы. Выйдите за рамки «коробочных» систем, управляйте функционалом CRM решения с минимумом кодирования.
Отступы для основного текста:
От краев “холста” — 4×РШ
От заголовка — 1×РШ
От других элементов — 2×РШ.
04. Графика
Для большей читаемости логотипа на фотографиях необходимо уменьшать прозрачность фото до 50%, используя в качестве фона корпоративные цвета.
Фото можно десатурировать.
05. Скриншоты
Скриншоты для сайта и презентаций должны быть сделаны в пропорциях 4:3 — например 1440:1080 (калькулятор)
Требования к содержимому скринов:
- на скриншотах должен быть минимум пустого места и белых пятен
- На скриншотах должна быть шапка с элементами навигации, боковое меню (если необходимо, в раскрытом виде, с выбранным по смыслу пунктом)
- информация должна быть осмысленной и максимально приближенной к жизни
- лексика должна быть цензурной, нейтральной, без юмора
- используемые на скриншотах изображения (аватарки, картинки, иллюстрации, фотографии) должны быть со свободным распространением (pexels.com, unsplash.com, pixabay.com)
- слова на элементах интерфейса должны читаться целиком, без обрезаний и и многоточий
- формы, процессы, списки, таблицы и др элементы должны быть сложными, разнообразными и показывать разнообразие и богатство инструментов внутри продукта
- логотипы клиентов, сообщения об ошибках и предупреждения, незаконченные загрузки должны быть убраны до снятия скриншота.
- На скриншоте не должно быть элементов браузера, рабочего стола и/или других программ.
- Скриншоты должны быть в корпоративных цветах и включать логотип Comindware (если только не требуется показать как интерфейс может быть адаптирован под брендинг клиента)
Примеры плохих скринов
Нет шапки сайта, много пустого места, вылез лейбл иконки, заголовок (новый процесс 1), пропорции.
Нет шапки, обрезан по логотипу, пропорции
Нет шапки сайта, много пустого места, процесс обрезан, нет сообщений, заголовок (новый процесс 1), пропорции
Примеры хороших скринов
Шапка, раскрытое меню, реальные данные. (хорошо бы еще избавиться от пустого места внизу экрана), пропорции
Шапка, раскрытое меню, реальные данные, разнообразный процесс.
Шапка, раскрытое меню, реальные и разнообразные данные.
06. Скринкасты/видео
Пример хорошего видео (вполне)
Требования — технические и к содержимому — такие же, как к скриншотам.
Необходимо также заранее продумывать “сценарий” скринкаста, чтобы избежать хаотичного перемещения курсора, лишних кликов и прочего. В случае, если в видео или скринкасте есть голосовое объяснение происходящего на экране, это должно быть сделано четко, громко, понятно, без слов-паразитов, посторонних звуков и музыки, по сценарию.
07. Документы Word (КП, инструкции и др.)
ВАЖНО! В тексте название Comindware нельзя заменять логотипом.
Отступы документа:
Верх - Низ: 2 cm
Право - Лево: 1,75 cm
Шрифты
Основной текст - Calibri, 11 pt, цвет - #000000
Заголовок 1 уровня - Calibri, 14 pt, Bold, цвет - #3698D4
Заголовок 2 уровня - Calibri, 12 pt, Bold, цвет - #000000
Аннотации, подписи картинок, таблиц и пр. - Calibri, 9 pt, цвет - #7F7F7F
Выравнивание текста — только по левому краю (не по ширине).
Таблицы
Шрифт - Calibri, 10pt
Ширина - 100%
Тема - Light
Шапка таблицы - шрифт италик, фон - #F2F2F2
Выравнивание в ячейке - по верхнему краю.
Пример таблицы с шапкой и подписью:
Первая страница
Логотип крупно, по центру.
Тематическая картинка
Название документа (выравнивание по центру):
Подзаголовок - Calibri, 16 pt, цвет - #000000
Заголовок - Calibri, 16 pt, Bold, цвет - #3698D4
Остальное (авторы, дата, другое) - Calibri, 11 pt, цвет - #000000
Нижний колонтитул - КОНФИДЕНЦИАЛЬНО - Calibri, 8 pt, цвет - #000000, выравнивание по центру
Остальные страницы
Верхний колонтитул:
Название документа - Calibri, 9 pt, цвет - #000000, слева.
Логотип - ширина 3 см, выравнивание по правому краю.
Нижний колонтитул
Нумерация страниц, Calibri, 9 pt, цвет - #000000, справа.