Пример руководства по типографике бренда Uber

[pro128046@gmail.com]

Цветовая схема
Далее вам нужно будет определить цветовую палитру вашего бренда. Выберите набор основных и дополнительных цветов.

Если основной цвет вашего бренда — тёмно-синий, вы можете включить шестнадцатеричный код (#003366), значения RGB (0, 51, 102) и значения CMYK (100%, 50%, 0%, 60%), чтобы их можно было воспроизводить на разных носителях.

Например, в Snapchat есть один основной цвет и несколько дополнительных.

Пример цветовой схемы бренда Snapchat.
Такие инструменты, как Coolors или Adobe Color, помогут вам создать и визуализировать вашу палитру. Они даже предлагают опции для проверки доступности для людей с дальтонизмом, обеспечивая инклюзивность.

Типографика
Типографика — ещё один важный элемент спецификации дизайна. Перечислите шрифты, которые следует использовать для заголовков, основного текста и других стилей текста. Укажите конкретные размеры, насыщенность и интервалы, чтобы создать единый стиль.

Например, брендбук Uber предлагает руководство по шрифтам, включая Uber Move. Там же приведены примеры, помогающие понять, как работать с иерархией текста и призывами к действию.

Например, можно указать, что для всех заголовков используется полужирный шрифт Open Sans размером 24 пт, а для основного текста — обычный шрифт размером 12 пт.

Многие брендбук также содержат рекомендации по библиотека телефонных номеров использованию альтернативных шрифтов, таких как Arial или Helvetica, на случай, если основные шрифты недоступны. Такие инструменты, как Google Fonts, позволяют легко найти бесплатные веб-шрифты, соответствующие стилю вашего бренда.

Изображения и значки
Также важны рекомендации по выбору изображений и иконографии. Опишите стиль изображений, представляющих ваш бренд, — будь то яркие и живые фотографии или приглушенные, минималистичные иллюстрации. Вот пример из Slack.

Пример руководства по фирменным иллюстрациям в Slack.
Опишите все необходимые фильтры или стили редактирования. Вы также можете указать предпочтительные источники изображений, например, определённую библиотеку стоковых фотографий или внутренние ресурсы.

Для иконок укажите элементы стиля, такие как толщина линий, цвет и размер. Например, если ваш бренд предпочитает минималистичный стиль иконок, вы можете продемонстрировать примеры и предоставить векторные файлы для обеспечения единообразия.

Брендбук, часть вторая: сообщения
Невизуальные характеристики брендбука так же важны, как и визуальные элементы, поскольку они обеспечивают основу для того, как ваш бренд общается со своей аудиторией и находит с ней отклик.