Кольори і шрифти бренду: як обрати і не пошкодувати через рік

Кольори і шрифти це те, що клієнт бачить раніше за логотип. У стрічці спочатку помічають пляму кольору, потім читають текст, і тільки потім, якщо взагалі, дивляться на значок у кутку. Тому набір із двох шрифтів і трьох кольорів впливає на впізнаваність сильніше, ніж сам логотип.

Гарна новина в тому, що вибір тут невеликий і робиться один раз. Погана в тому, що більшість помилок видно не одразу, а через рік, коли макетів уже сорок і переробляти доводиться всі.

Скільки кольорів насправді потрібно

Три. Один основний, один нейтральний фон і один акцент.

• Основний це колір, за яким вас упізнають. Він на обкладинках, на кнопці, на вивісці.

• Нейтральний це фон і великі площини: майже білий, майже чорний, пісочний, теплий сірий. Він займає більшу частину макета, хоч про нього ніхто не думає.

• Акцент потрібен рідко і саме тому працює: ціна, знижка, кнопка «записатися».

Палітра з восьми кольорів виглядає багатше в презентації і розвалюється в роботі. Коли кольорів багато, кожен новий макет це вибір, а вибір без правила закінчується тим, що пости від січня і від липня виглядають як два різні бізнеси.

Одне правило, яке рятує макети

Перевірте контраст. Текст на фоні має читатися, коли ви дивитесь на телефон на вулиці, а не на калібрований монітор у приміщенні.

Практичний тест без жодних сервісів: зробіть скріншот макета, переведіть його в чорно-біле у редакторі телефона і подивіться. Якщо в сірому текст зливається з фоном, у кольорі він теж зливається, просто ви це компенсуєте знанням того, що там написано.

Найчастіші пари, які не проходять цей тест: світло-сірий на білому, пастельний беж на кремовому, білий текст на жовтому і будь-який тонкий світлий шрифт поверх фото.

Два шрифти, не більше

Робоча схема для малого бізнесу виглядає так: один шрифт для заголовків, другий для тексту. Якщо шрифт має кілька накреслень, часто вистачає і одного на все.

Заголовковий може бути характерним, з настроєм. Текстовий має бути нудним, і це комплімент: його завдання не привертати увагу, а не заважати читати з телефона.

Перевіряйте шрифт одразу на своїх реальних словах, а не на прикладі з сайту шрифту. Подивіться, як виглядають українські літери, особливо і, ї, є, ґ, апостроф і лапки. Красивий шрифт без кирилиці або з кривою кирилицею це половина роботи, яку хтось доробляв похапцем.

Де брати шрифти і за що можна отримати рахунок

Безкоштовний для особистого користування не означає безкоштовний для бізнесу. Це найчастіша пастка: дизайнер скачав шрифт на безкоштовному сайті, а ліцензія в ньому особиста, і комерційне використання формально порушення.

Безпечний і нормальний за якістю варіант це бібліотеки з відкритою ліцензією, де умови написані прямо на сторінці шрифту. Для вивіски, друку й великих тиражів має сенс купити платну ліцензію один раз, це порівняно недорого і знімає питання назавжди.

Окремо тримайте файли шрифтів у себе, а не тільки в дизайнера. Коли через рік потрібно буде швидко зробити макет, ви не шукатимете, як цей шрифт називався.

Як перевірити набір до того, як його затвердити

Зробіть три макети своїми кольорами і шрифтами, перш ніж казати «беремо»:

1. Пост із ціною або пропозицією.

2. Сторіс з одним реченням і кнопкою.

3. Щось фізичне: візитівка, цінник, наліпка на пакунок.

Якщо набір проходить усі три, він проживе рік. Проблеми зазвичай вилазять саме на третьому пункті: колір, який гарний на екрані, у друку стає брудним, а тонкий шрифт на маленькому ціннику просто не читається.

Коли це варто віддати

Самому реально обрати кольори і шрифти, якщо у вас є смак і терпіння перевірити їх на реальних макетах. Віддавати є сенс тоді, коли макетів багато й робить їх не одна людина: тоді потрібні не просто кольори, а правила, які можна передати.

У нас візуальний стиль для соцмереж коштує 25 000 ₴, Brand Kit із логотипом, палітрою, шрифтами й шаблонами 35 000 ₴, повна айдентика 70 000 ₴. Різниця між ними не в кількості сторінок, а в тому, скільки рішень після цього вам доведеться ухвалювати самому. Brand Kit і брендбук ми порівнювали в окремій статті.

Де це зберігати, щоб ним справді користувалися

Набір, який живе тільки в голові дизайнера, не працює. Заведіть одну нотатку, до якої є доступ у всіх, хто робить вам макети, і тримайте в ній три речі: коди кольорів у форматі HEX, назви шрифтів із посиланням на те, звідки їх завантажити, і два або три приклади готових макетів.

Приклади важливіші за коди. Людина, яка бачить готовий пост, повторить його за п'ять хвилин. Людина, яка бачить список із трьох кольорів, зробить щось своє.

Підсумок

Три кольори, два шрифти, перевірка на чорно-білому скріншоті й три тестові макети. Це весь мінімум, який відрізняє впізнаваний бізнес від бізнесу, чиї пости щомісяця виглядають по-новому.